用jquery找到最后一个孩子

Question

我有一个由行组成的表。每行都有id，data-parent属性和存储在data（）中的虚拟级别选项。顶级行没有也没有parent或level属性。我需要找到一个节点的最后一个孩子，比如ex：

<tr id="83" class=""></tr>
<tr id="91" class="successor" data-parent="83"></tr>
<tr id="93" class="successor" data-parent="91"></tr>
<tr id="92" class="successor" data-parent="91"></tr>
<tr id="94" class="successor" data-parent="92"></tr>
<tr id="133" class="successor" data-parent="83"></tr>
<tr id="134" class="successor rowselected" data-parent="83"></tr>

这看起来像

我需要查找行1.1.1.1是1.1的最后一行。怎么做？ 尝试使用nextAll或prevAll选择器并按数据父级和级别过滤...但没有运气。感谢。

Answer 1

苦苦挣扎的一整天让我得到了这个解决方案： 使用拖动的行在同一级别上查找行的顶部节点，并检查该元素在拖动元素之前是否为最后一个。

function isLastChild(parent, target, dragged)
{
  var top_node  = target.prevUntil("tr[data-parent="+parent+"]").andSelf().prev().first();
  var child_nodes = top_node.nextUntil("#"+dragged.attr("id")).filter(function(){ return $(this).data("parent") == target.data("parent")});

 return (child_nodes.last().attr("id")==target.attr("id"));
}

Answer 2

如果您确实拥有virtual level option，那么您的示例代码与virtual level option的描述相冲突，那么这应该有效。 正如此处所示：http://jsfiddle.net/dBT3D/我已将TR更改为DIV，因为它在浏览器中导致的问题是HTML格式不正确。

HTML：

<div id="83" class="">
    <div id="91" class="successor" data-parent="83" data-level="1">
        <div id="93" class="successor" data-parent="91" data-level="2"></div>
        <div id="92" class="successor" data-parent="91" data-level="2">
            <div id="94" class="successor" data-parent="92" data-level="3"></div>
        </div>
    </div>
    <div id="133" class="successor" data-parent="83" data-level="1"></div>
    <div id="134" class="successor rowselected" data-parent="83" data-level="1"></div>
</div>

JS：

$(document).ready(function () {
    deepestEl = {
        element: null,
        level: 0
    };
    $('.successor', '#83').each(function (index, el) {
        console.log(el);
        if ($(el).data('level') >= deepestEl.level) {
            deepestEl.element = el;
            deepestEl.level = $(el).data('level');
        }
    });

    console.log(deepestEl);
});

这将返回具有级别和元素的deepestEl对象。在此示例中，它将返回{element: div#94.successor, level: 3}

Answer 3

您是否尝试过以下操作：

var lastTr = $('#TABLEID tr').last();

这应该找到当前表的最后一个<TR>元素（标记为＆＃39; TABLEID＆＃39;）

有关jQuery.last()的更多信息，请查看here