如何從字符串獲取最小/最大int值？

Question

我有許多元素在頁面whis id = "item(\d{1,})"。如何使用最小值和最大值(\d{1,}) regexp快速獲取元素ID？

Answer 1

您還可以使用querySelectorAll如果瀏覽器支持它;所有瀏覽器應該選擇它。 IE 8.以來

var elements = document.querySelectorAll("[id^=item]"); 
var max = null; 
var min = null; 
for(var i = 0; i < elements.length; i++) { 

    var number = elements[i].id.replace(/item/, ""); 

    if(max == null) { 
     max = number; 
     min = number; 
    } 

    else { 
     max = (number > max) ? number : max; 
     min = (number < min) ? number : min; 
    } 
} 

一直支持它如果瀏覽器不支持它，你會做這樣的事情：

//assuming that you're looking for div; just replace it with the actual element 
//you're looking for 
var elements = document.getElementsByTagName("<div">); 

var max = null; 
var min = null; 
for(var i = 0; i < elements.length; i++) { 
    if(/item\d+/.test(elements[i].id)) { 
     var number = elements[i].id.replace(/item/, ""); 

     if(max == null) { 
      max = number; 
      min = number; 
     } 

     else { 
      max = (number > max) ? number : max; 
      min = (number < min) ? number : min; 
     } 
    } 
} 

或者，如果你正在使用jQuery：

var max = null; 
var min = null; 
jQuery("[id^=item]").each(function() { 
    var number = this.id.replace(/item/, ""); 

    if(max == null) { 
     max = number; 
     min = number; 
    } 

    else { 
     max = (number > max) ? number : max; 
     min = (number < min) ? number : min; 
    } 
}); 

Answer 2

使用此得到您的ID列表：

$j("[id^=item]").map(function(){ return Number(this.id.substr(4)); }); 

我不認爲jQuery有任何工具即可快速獲取最小/最大價值，但它是相當瑣碎自己寫。

按Vivin要求提供微不足道的一部分：

var arr = $j("[id^=item]").map(function(){ return Number(this.id.substr(4)); }).sort(); 
var min = arr[0]; 
var max = arr[arr.length-1];