Получаем тектовое содержимое элементов

Метод: .text();

• Задача 1:

  - вывести в модальном окне текстовое содержимое списка ul.

  Показать решение

  • Решение:

    $(function () {
    	alert($('ul').text());
    });
    

    Пояснение:

    - Для решения задачи с помощью селектора $('ul') выберем все списки на странице. С помощью метода .text() получаем текстовое содержимое отобранных элементов. С помощью метода alert выводим содержимое в модальном окне. При выборе элемента ul текст в модальном окне отобразится в столбик. Если обратиться к пунктам списка ($('li')), то текст будет вводиться в строчку.

    Результат:

    При загрузке страницы, к которой подключен скрипт, появится модальное окно с текстовым содержимым всех списков на странице.

• Задача 2:

  - вывести в модальном окне текстовое содержимое первого элемента li в списке.

  Показать решение

  • Решение:

    $(function () {
    	var firstText = $('li:first').text();
    	alert(firstText);
    });
    

    Пояснение:

    - Для решения задачи с помощью селектора $('li:first') выберем первый элемент списка. С помощью метода .text() получаем текстовое содержимое отобранного элемента. Полученное значение сохраняем в переменную var firstText = .... С помощью метода alert выводим содержимое переменной firstText в модальном окне. Если списков на странице несколько, то будет выведено текстовое содержимое первого элемента каждого списка.

    Результат:

    При загрузке страницы, к которой подключен скрипт, появится модальное окно с текстовым содержимым первого элемента списка.