Question

在某些情况下，:last选择器会返回多个元素。 Here there is a jsfiddle尝试它，因为很难相信！

代码1失败：

alert($(".child").find("span:last").length); // -> alerts 3

jQuery documentation：

描述：选择最后一个匹配的元素。

注意：last通过过滤当前选择单个元素   jQuery集合并匹配其中的最后一个元素。

我错过了什么或这是一个错误吗？

Answer 1

当.find()与:first和:last一起使用时，它会搜索相对于使用{{找到的每个祖先元素的第一个和最后一个元素 1}}。

由于您有三个$('.child')元素，因此您有三个元素可用于搜索.child。由于每个span只有一个.child，span会在:last的上下文中出现这三个中的每一个。然后.find()将它们全部收集在一起，因此您有三个.find()元素。

Answer 2

这是正常的，我认为你需要的是：

alert( $(".child:last").find("span:last").length );

因为只有“孩子”作为选择，你总是会输入第一个。

Answer 3

解剖你的考试，我们有：

var matches = [];
$('.child').each(function(){
    //get collection of all spans in the element
    var collection = $('span',this);

    //NOTE: There is only 1 span in collection at this point

    //get last element
    var match = collection.last();
    matches.push(match);
});
alert(matches.length); //which is obviously 3

jQuery：最后一个选择器奇怪的行为

3 个答案: