javascript - 查找特定元素的最后一个子元素

Question

这个问题真的很令人困惑，但我会在这里尝试解释一下。

在 CSS 中，我知道您可以说“如果此 DIV 以任何方式在其中包含 x、y 和 z”，然后应用此样式。喜欢

div.class id class { style }

我想知道如何在 Javascript 中执行此操作以检测最后一个孩子。

比如得到如果

div div:nth-child(2) span a

是 Javascript 中某个 div 的最后一个子元素。

我希望这不会太令人困惑，因为它确实让我感到困惑......如果您需要澄清，请询问。

Answer 1

尽管有前一个答案，我仍将发布一个答案，因为我拒绝使用（并打算试图说服其他人停止使用）w3schools。

所以，一个更好的资源：MDN - lastChild

并内联：

var tr = document.getElementById("row1");
var corner_td = tr.lastChild;

作为奖励，并与上述w3fools同步

Answer 2

1）通过jquery试试这个

$(document).ready(function () {
        var list = $("#containerId").children();
        var lastElement = list[list.length - 1];
    });

OR

2) pure javascript

 var list = document.getElementById('containerId').children;
        var lastElement = list[list.length - 1];

Answer 3

我认为您正在寻找lastChild财产