Home/ Questions/Q 8559803
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T16:08:16+00:00

I have a problem with .closets() in jQuery On jQuery documentation tell that I

  • 0

I have a problem with .closets() in jQuery

On jQuery documentation tell that I can use like it.

<!DOCTYPE html>
<html>
<head>
  <style></style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <ul><li></li><li></li></ul>
<script>
  var close = $("li:first").closest(["ul","body"]);
  alert(close.length);
  </script>
</body>
</html>

http://api.jquery.com/closest/#closest2

In this part I get information about ul and body, two steps up of li

var close = $("li:first").closest(["ul","body"]);

But it doesn’t work, inside the close don’t have anything, it’s empty, what I’m doing wrong?
The code from jQuery documentation is wrong too. The example doesn’t work.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you are trying to select the closest ul and the closest body, you should instead use .parents() and :first since the method you are currently trying to use has been removed in recent versions of jQuery.

    http://jsfiddle.net/MYjRm/

    var close = $("li:first").parents("ul:first,body:first");
  $.each(close, function(i){
  $("li").eq(i).html( this.nodeName );
});​

    .closest() by definition can only select 1 element, since you’re looking for two, you should use .parents() which can select more than 1.

    If you simply want to select 1 element, use .closest() with a selector that will select that one element. $("li:first").closest("ul");

    • 0