javascript - 在每个()中获取索引的总长度

Question

我想从表中的第一个单元格和最后三个单元格之间获取未知(更改)行数。我正在使用 jQuery 的每个，但不知道为什么 $(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 是好的做法吗？必须去 parent 那里，然后再回到 child 那里，这似乎是一种黑客行为。这是一个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在每个函数中。还有其他更好的方法吗？

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;

});