DeeDi - трезвые записки

andSelf()

Добавление предыдущего набора к текущему набору.
Пример - делаем обход элементов и , если находим li либо а переключаем его класс:

$(document).ready(function() {
/*строка 1 */$(".example_j").find("p").css("background", "yellow");
/*строка 2 */$(".example_j").find("p").andSelf().css("border", "solid 2px red");
});
Результат работы примера:

Параграф

Параграф

Параграф

Параграф

Обратите внимание. В первой строке мы ищем p внутри .j_example и найденным элементам добавляем желтый фон. Во второй строке аналогично выставляем найденным элементам красную рамку, но! т.к. мы добавили andSelf() красную рамку обретут не только p, но и элементы предыдущего отбора, т.е. .example_j. Поэксперементируйте на своем компьютере. Из примера просто удалите andSelf() и вы увидите как красная рамка останется только у параграфов.

HTML/CSS :
<style>.example_j{border:solid 1px #999; margin:10px; padding:5px; cursor:pointer}
.example_j p {padding:5px}
</style><div class="example_j">
<p>Параграф</p>
<p>Параграф</p>
</div>
<div class="example_j">
<p>Параграф</p>
<p>Параграф</p>
</div>

Боковой текст: