SiteIS

jQuery - безграничные возможности в дизайне Вашего сайта!

- Один из самых популярных на сегодня среди веб разработчиков фреймворк

- Позволяет быстро и легко создать потрясающие веб-приложения

- Удивительно красивые анимационные эффекты

- Улучшение пользовательского интерфейса

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

Метод: .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 в модальном окне. Если списков на странице несколько, то будет выведено текстовое содержимое первого элемента каждого списка.

      Результат:

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

Автор: Super User