根据部分匹配查找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发出警报。

Answer 2

这只是另一种方法:如果div总是按升序排列(就像你提供的HTML代码片段一样)，你可以这样做：

$('div[id^=profile-]').get().reverse()[0]

Answer 3

在@Sarfraz's answer的基础上，您可以使用map构建漂亮的混淆代码：

var highest = Math.max.apply(null, $('[id^="profile-"]').map(function() {
  return [parseInt(this.id.split('-')[1], 10)];
}));

console.log(highest);