Question

我有一堆div，每个div都以一个通用名称开头，并以一个增量数字结尾：

<div id="thisismydiv1"></div>
<div id="thisismydiv2"></div>
<div id="thisismydiv3"></div>
<div id="thisismydiv4"></div>

如何使用jQuery查找最新的数字，即4？

Answer 1

var token = "thisismydiv";
var id = $('div[id^="' + token + '"]').last().id;
id = id.replace(token, '');
alert(id);

演示：jsFiddle

Answer 2

我认为最后一个选择器可以帮助您 - http://api.jquery.com/last-selector/

$('div:last');

Answer 3

$("div").last().attr('id');

或

$("div:last").attr('id');

.last()或:last会这样做

Answer 4

使用[^=]选择器查找id以该字符串开头的元素，获取id的数字部分，解析它，并检查最高值：

var highest = 0;
$('[id^="thisismydiv"]').each(function(){
    var id = parseInt(this.id.substr(11));
    if (id > highest) highest = id;
});

alert(highest);

演示：http://jsfiddle.net/Guffa/cdQ9C/

Answer 5

如果父容器只有这些div，并且你的id从1开始并递增1，你就可以得到父项的子项数。

$("parent").children().length;

如果没有，您可以像其他人提到的那样使用last选择器。

Answer 6

$('div[id^="thisismydiv"]').last().attr('id').match(/\d+/);

将返回4.

演示：http://jsfiddle.net/rSSG8/

如何找到最新的Div ID计数器

6 个答案: