jQuery. Выбрать элементы, у которых title содержит определенное слово

Задача. Выбрать с помощью Javascript элементы <textarea>, у которых в значении атрибута title есть вхождение слова «Комментарий».

Вот таких записей в документе много:

<textarea name=»TextField1″ title=»1. Комментарий» id=» TextField1″ rows=»6″ cols=»30″/>

<textarea name=»TextField2″ title=»2. Комментарий» id=» TextField2″ rows=»6″ cols=»30″/>

<textarea name=»TextField3″ title=»3. Комментарий» id=» TextField3″ rows=»6″ cols=»30″/>

<textarea name=»TextField4″ title=»Предложения» id=» TextField3″ rows=»6″ cols=»30″/>

 

И надо всем <textarea>, которые помечены как «Комментарий», сделать красным бордер.

Border будет установлен через класс .red в каскадных таблицах стилей CSS.

Реализация с помощью jQuery  и CSS

CSS:

<style>
  .red {
      border: #F00 1px solid;
   }
</style>

 

jQuery:

            $("textarea[title~='Комментарий']").each(function () { 
$(this).addClass('red'); 
//
            }); 

 

В результате только 3 <textarea> будут с красным бордером.

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *