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

closest([expr])

Получает набор, содержащий ближайшие родительские элементы, которые соответствуют указанному селектору, включая начальный элемент.
Closest сначала работает с текущим элементом, если он соответствует указанному выражению expr, то просто возвращается непосредственно сам элемент. Если не соответствует, то будет продолжен просмотр документа родитель за родителем, пока не будет найден один элемент, который соответствует указанному выражению. Если все же ни одного элемента не найдено, то ничего возвращено не будет.
Пример - делаем обход элементов и , если находим li либо а переключаем его класс:

$(document).ready(function() {
$("#example_j" ).click(function (i) {
$(i.target).closest("li, a").toggleClass("hilight");
return false;
});
});
Результат работы примера:

Параграф

  • Элемент списка 1
  • Элемент списка 2
DIV
HTML/CSS :
<style type="text/css">
#example_j{border:solid 1px #999; margin:10px; padding:5px; cursor:pointer}
.hilight {background:#FF0}
</style>
<div id="example_j">
<a href="#">Какая-то ссылка</a>
<p>Параграф</p>
<ul>
<li>Элемент списка 1</li>
<li>Элемент списка 2</li>
</ul>
<div>DIV</div>
</div>

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