Добавление элементов в текущий набор в 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 и покрасьте эти абзацы и заголовки
в красный цвет.