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

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")

或者，如果您只想包含直接子级的 div #container（假设您的实际代码有更多元素并且可能在 div 中包含 div），请将上述选择器更改为"#container > div".

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

Answer 4

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

然后你可以得到id

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

见演示。

更多关于 jquery .last()