Добавление элементов в текущий набор

Иногда бывают ситуации, когда у нас уже есть набор методов, мы выполнили над ним какие-либо операции и теперь хотели бы добавить к этому набору еще элементов и выполнить над этим общим набором еще какие-нибудь операции. Это делается с помощью метода .add().

Давайте найдем все абзацы, поставим им текст !, затем добавим к найденным абзацам заголовки h2 с помощью .add() и одновременно для заголовков и абзацев поставим красный цвет:

$('p').html('!').add('h2').css('color', 'red');

Существует также похожий метод .andSelf(), который добавляет в текущий набор предыдущий.

Давайте найдем абзац #test, затем найдем родителя этого абзаца с помощью .parent(), добавим найденный абзац к его родителю с помощью .andSelf() и поставим им в начало текст ! с помощью .prepend(). Получится, что и абзац и его родитель в начале будут иметь текст !:

<div>
    <p>Абзац.</p>
    <p id="test">Абзац.</p>
    <p>Абзац.</p>
</div>

<script>
$('p').parent().andSelf().prepend('!');
</script>