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

时间:2013-06-19 04:41:39

标签: javascript css dom

问题确实令人困惑,但我会在这里解释一下。

在CSS中我知道你可以说“如果这个DIV以任何方式在其中包含x和y和z”然后应用这种风格。像

div.class id class { style }

我想知道如何用Javascript来检测最后一个孩子。

如获取

div div:nth-child(2) span a

是Javascript中某个div的最后一个子节点。

我希望这不会太混乱,因为它确实让我感到困惑......如果你需要澄清,请询问。

3 个答案:

答案 0 :(得分:2)

我会发布一个答案,尽管前一个答案,因为我拒绝使用(并打算试图说服其他人停止使用)w3schools。

所以,更好的资源:MDN - lastChild

并且内联:

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

作为奖励,并与上述w3fools

同步

答案 1 :(得分:1)

  

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];

答案 2 :(得分:0)

我认为您正在寻找lastChild属性