Добавление элементов в текущий набор в jQuery
Иногда бывают ситуации, когда у нас уже есть
набор методов, мы выполнили над ним какие-либо
операции и теперь хотели бы добавить к этому
набору еще элементов и выполнить над этим
общим набором еще какие-нибудь операции.
Это делается с помощью метода
add
.
Возьмем, к примеру, следующий HTML код:
<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>
Давайте найдем все абзацы, добавим им в конец текст
'!'
, затем добавим к найденным абзацам
заголовки h2
,
причём только те, которые лежат внутри элемента
#test
, и одновременно для выбранных заголовков
и абзацев поставим красный цвет:
$('p').append('!').add('#test h2').css('color', 'red');
Найдите все абзацы p
с классом
www
, поставьте им в начало текст
'!'
, а в конец текст '!!'
,
затем добавьте к этим абзацам еще и заголовки
h2
и покрасьте эти абзацы и заголовки
в красный цвет.