根據部分匹配查找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

大廈@Sarfraz's answer，您可以使用map打造精美混淆代碼：

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

console.log(highest); 

Answer 3

這裏只是另一種方式來做到這一點：如果在div的總是按升序排列（如在你的HTML段，您提供的），你可以這樣做：

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

Answer 4

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

var highest_div = $('#profile-'+highest);