根据部分匹配查找div id的值

Question

我在页面上有几个div.它们的格式如下:

<div id='profile-1'></div>
<div id='profile-2'></div>
<div id='profile-3'></div>
<div id='profile-4'></div>

我需要找到id最高的div的值.在前面的例子中,它将是"profile-4"(因为4是最高的).

我已经想出如何使用以下方法搜索div:

var elements = $('[id^=profile-]')

这会返回一个对象.我需要拿出那个对象并弄清楚"profile-4"是最高的,如果可能的话,提取值"4".

有任何想法吗？

Answer 1

你可以做:

var highest = 0;
$('[id^=profile-]').each(function(){
   var id = parseInt(this.id.split('-')[1], 10);
   highest = id > highest ? id : highest;
});

alert(highest); // 4

即使您有不同的订单,这也会有效,例如:

<div id='profile-1'></div>
<div id='profile-20'></div>
<div id='profile-3'></div>
<div id='profile-4'></div>

在这种情况下,20将被警告.