最近的<li>显示未定义的</li>

Question

我正在制作一个书签应用，我想针对特定目的定位并获取最近id内部任务li的{​​{1}}。我尝试了这段代码，但它是不工作希望你们能帮帮我

ul

Answer 1

jQuery.fn.closest并非旨在定位最接近的元素匹配，而是最接近的祖先（请参阅doc：http://api.jquery.com/closest/）。

你要做的就是在那里选择一个孩子：

$("#clicker").click(function(){
    var id = $("#tasks").children("li").attr("id");
    alert(id);
});

Answer 2

您可能想尝试：

var id = $("#tasks > li:first").attr("id");

我们用过：

1. JQuery的parent > child选择器，用于选择所有li个项目 #tasks列表。
2. 然后使用:first选择器从所有列表中选择第一个li。

Answer 3

如果要查找第一个closest元素，

find选择最接近的元素父级，而不是最接近的元素，可以使用children或li方法，您可以使用:first选择器或first方法过滤结果;

$(document).ready(function(){
  $("#clicker").click(function(){
    var id = $("#tasks").find("li:first").attr("id");
    alert(id);
  });
});