Задача. Выбрать с помощью 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> будут с красным бордером.
Добавить комментарий