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

previous ~ siblings (предыдущий ~ дети)

Выбирает все элементы siblings (называемые "сестринскими", "братскими"), которые следуют сразу же за элементом previous. Иначе говоря, как только встречается элемент с идетификатором previos все следующие сразу же за ним элементы,указанные в параметре siblings, будут отобраны в массив.
Разберем на примере. Ищем все элементы div, которые сразу же следуют за идентификатором #myprev, и у найденных элементов сделаем синюю рамку:

$(document).ready(function() {$("#myprev ~ div").css("border", "2px solid blue");
});
Результат работы примера:
первый элемент div
span#previous
Второй div
Третий div

Элемент p

четветый div
Пятый div внутри четвертого

Обратите внимание на то, что элемент p не отобран, т.к в параметре siblings указан div. Пятый div также не отобран, т.к. он не следует сразу же за #myprev, а является вложенным в четвертый.


HTML-код примера, на всякий случай : )
<div class="mydiv">первый элемент div</div>
<span id="myprev">span#previous</span>
<div>Второй div</div>
<div>Третий div</div>
<p>Элемент p</p>
<div>четветый div <div>Пятый div внутри четвертого</div></div>

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