Question

我有以下内容。

<div id=container>
    <div id=box1></div>
    <div id=box2></div>
    <div id=box3></div>
    <div id=box4></div>
    <div id=box5></div>
    <div id=box6></div>
</div>

使用jQuery获取容器中最后一个div的id的正确方法是什么？

Answer 1

你可以试试这个：

jQuery代码

$(document).ready(function(){
   $('#container').children().last().attr('id');
});

Answer 2

试试这个：

var id = $('#container div:last').attr('id')

Answer 3

你可以这样做：

$("#container div").last().attr("id")

或者，如果您只想包含#container直接子节点的div（假设您的真实代码包含更多元素并且div中可能包含div），请将上面的选择器更改为"#container > div"。

但请注意，没有一种“正确”的方式。

Answer 4

您可以使用.last()方法来帮助您匹配最后一个元素。

然后，您可以获得id

$('#container div').last().attr('id');

<强> See demo

<强> More on jquery .last()

使用jQuery获取DIV中最后一个DIV的ID

4 个答案: