javascript - 元素 Javascript 的最后一个 ID

Question

我如何使用 javascript 读取最后一个元素 ID？

例如:

          <div id='print'>

                <p id=1>some data</p>
                <p id=2>some data</p>
                <p id=3>some data</p>
                <p id=4>some data</p>
                <p id=5>some data</p>

          </div>

我需要检测最后一个的id

我实际上需要 id 的最大数量。它是按顺序生成的。

Answer 1

首先，id 值不能是数字。它们必须以非数字开头。

你可以用这个简单的 javascript(不需要 jQuery)得到最后一个 child :

var lastChild = document.getElementById("print").lastChild;
var lastChildID = lastChild.id;

或者在一行中，它会是这样的:

var lastChildID = document.getElementById("print").lastChild.id

仅供引用，如果您需要访问任何其他 child ，您可以随时获取所有 child ，然后获取您想要的 child :

var children = document.getElementById("print").children;
if (children.length > 1) {
    var first = children[0];
    var last = children[children.length - 1];
    var second = children[1];
}

既然您已经解释了您真正想要做的事情，我建议您这样做:

 <div id='print'>
     <p data-num="1">some data</p>
     <p data-num="2">some data</p>
     <p data-num="3">some data</p>
     <p data-num="4">some data</p>
     <p data-num="5">some data</p>
 </div>

然后，这个 javascript:

var lastValue = document.getElementById("print").lastChild.getAttribute("data-num");

使用 data-xxx 格式与 HTML5 规范向前兼容，并可在具有 getAttribute() 的旧版浏览器中使用。