closest()

посл. ред. 11.08.2016

Метод closest() выбирает ближайшие элементы, удовлетворяющие указанному условию, из числа предков. Поиск подходящего элемента начинается с текущего и далее идёт вверх по иерархии DOM-дерева. В результат включается первый найденный таким образом элемент.

Варианты использования

jQ_object.closest(селектор) => jQuery: Выбирает те элементы, которые удовлетворяют указанному селектору.
jQ_object.closest(jQuery-объект) => jQuery: Выбирает те элементы, которые содержатся в указанном jQuery-объекте.
jQ_object.closest(DOM-элемент) => jQuery: Выбирает тот элемент (элементы), который (которые) указан в качестве аргумента.

Примеры

<html>
<head>
  <title>Работа с выборкой jQuery</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф 1</p>
  <div>
    <p>Параграф 2</p>
  </div>
</body>
</html>
 
<script>
$('p')
  .closest('div')
/* выбор ближайших блоков <div> */
  .css('background-color', 'red');
/* установка фона */
</script>

Параграф 1

Параграф 2