DWWEB.RU
СКРИПТЫ

Заменить текст блока 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>

Результат:

  • Первая строка
  • Вторая строка
  • Третья строка
  • Первая строка второго блока
  • Вторая строка второго блока
  • Третья строка второго блока
Не забудь !
Название скрипта :Заменить содержание блока Jquery
Скрипт № 40.12
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
Заменить текст блока Jquery

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019