closest

« Обратно к списку traversing-функций

[редактировать]

closest( [выражение] )

Новое в jQuery 1.3
Получает набор, содержащий ближайшие родительские элементы, которые удовлетворяют указанному селектору, включая начальный элемент.
Сначала, сlosest  смотрит на текущий элемент: удовлетворяет-ли он указанному выражению, если да, то просто возвращается непосредственно сам элемент. Если не удовлетворяет, то будет далее продолжаться просмотр документа, родитель за родителем, до тех пор, пока не будет найден соответствующий указанному выражению элемент. В случае, если ни одного элемента не найдено, то ничего не будет возвращено.
Аргументы:

выражение (необязательно) Строка
Выражение
Примеры:

Показывает, как делегирование событий может быть сделано с помощью сlosest.

    $(document).bind("click", function (e) {
      $(e.target).closest("li").toggleClass("hilight");
    });
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){

    $(document).bind("click", function (e) {
      $(e.target).closest("li").toggleClass("hilight");
    });

  });
  </script>

  <style>
  li { margin: 3px; padding: 3px; background: #EEEEEE; }
  li.hilight { background: yellow; }
  </style>
</head>
<body>
  <ul>
<li><b>Click me!</b></li>

<li>You can also <b>Click me!</b></li>
</ul>
</body>
</html>
Name Type