ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Заменить текст блока Jquery

Нам требуется заменить какой-то текст, в каком-то блоке через Jquery. Мы уже много всего делали с Jquery, cv. внизу страницы – вот теперь дошел ход до замены текста.

Как заменить содержимое в найденном элементе!? Для этого нам понадобится подопытный код, в котором специально выделен красным цветом вторая строчка! Данный текст нам нужно заменить на другой с помощью Jquery.

<ul class="list l1">

<li class="start no1"> Первая строка </li>

<li class="start red"> Вторая строка </li>

<li class="start no3"> Третья строка </li>

</ul>

<ul class="list l2">

<li class="start no1_1"> Первая строка второго блока </li>

<li class="start no2"> Вторая строка второго блока </li>

<li class="start no3"> Третья строка второго блока </li>

</ul>

Нам понадобится вот такая конструкция, где мы будем использовать метод text()

Внутрь скобок помещаем текст, на который будем менять текст в найденном блоке.

<script>$(".l1 .red").text("Здесь будет другой текст");</script>

Результат:

  • Первая строка
  • Вторая строка
  • Третья строка
  • Первая строка второго блока
  • Вторая строка второго блока
  • Третья строка второго блока
Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 40.12
Название скрипта и номер :Заменить содержание блока Jquery
Пример - Заменить содержание блока Jquery
Скачать - архив
Все скрипты на одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
Заменить текст блока Jquery

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019