获取each()中索引的总长度

Question

我想从表中获取第一个单元格和最后 3 个单元格之间的未知（变化）行数。我正在使用 jQuery 的each，但不知道为什么 $(this).length没有给出索引的总长度。

jQuery：

$("#parent table:first tr").each(function(i){
    var  goodlng =  $(this).parent().children("tr").length -1;   //this works
    var badlng = $(this).length -1;                        //this doesn't! (always == -1)
});

goodlng 是好的实践吗？必须先去找父母，然后再回到孩子那里，这似乎是一种黑客行为。 这是一个 jsfiddle （已打开 console.log()）。

HTML 示例：

<div id="parent">
    <table>
        <tr>
            <td>unwanted 1</td>
        </tr>
        <tr>
            <td>wanted!</td>
        </tr>
        <tr>
            <td>unwanted2</td>
        </tr>
    </table>
</div>

tl;dr：为什么不 $(this).length == $(this).parent().children("tr").length在each 函数内部。还有其他更好的方法吗？

Answer 1

您的问题说“单元格”，但您似乎正在尝试获取行数。

如果您确实希望将其放在 .each() 中，则可以使用 siblings()^[docs] 方法和 andSelf()^[docs] 方法。

$(this).siblings().andSelf().length

但如果行没有改变，为什么要重复呢？

或者，如果它们发生变化，我只需使用表上的本机 rows 属性来获取长度。

var table = $("#parent table:first");

table.find('tr').each(function() {

    var len = table[0].rows.length;

});

Answer 2

实际上，这个 $(this).parent().children("tr").length 是正确的处理方式。在上面的上下文中，this 是对 tr 节点本身的引用。 tr.length = tr 的长度。另一方面， tr.parent().children("tr") 是节点兄弟节点的列表，因此 tr.parent().children("tr").length 是兄弟姐妹的数量。

Answer 3

这是每个元素的上下文，而不是全部元素。因此，this 一次只能有一个 tr。这就是为什么长度不包含所有元素的原因。

Answer 4

each() 函数不知道它正在处理的元素集合。它始终处理单个元素。这就是为什么当你去找家长询问所有孩子时，你会得到正确的答案。

  $(this)

仅指您正在处理的当前 tr 元素，而不是它们的集合。