顯示類別存在於一個數字字符串中

Question

我有這個字符串的數字var array = 1,6,2,9,5這是從API中檢索，所以我可以真正改變它的方式。

，我有這個在我的html：

<div class="1 btn">Foo 1</div> 
<div class="2 btn">Foo 2</div> 
<div class="3 btn">Foo 3</div> 
<div class="4 btn">Foo 4</div> 
<div class="5 btn">Foo 5</div> 
<div class="6 btn">Foo 6</div> 
<div class="7 btn">Foo 7</div> 
<div class="8 btn">Foo 8</div> 
<div class="9 btn">Foo 9</div> 

我要上存在到數組類「foo」任何類添加。所以在我的例子中，div的1,6,2,9,5將獲得'foo'類。

我該如何做到這一點？

Answer 1

一個快速的方法：

$('.' + array.join(', .')).addClass('foo'); 

編輯 —如果 「數組」 實際上是一個字符串：

$('.' + array.split(',').join(', .')).addClass('foo'); 

Answer 2

試試這個：

for (var i=0; i<array.length; i++) 
{ 
    $('.' + array[i]).addClass('foo'); 
} 

Answer 3

您可以利用事實上，jQuery將允許你多選用逗號分隔的口服補液鹽，這是非常接近你已經擁有：

如果array真的是一個數組：

$("." + array.join(", .")).addClass("foo"); 

如果它是一個字符串（例如"1,2,3"）代替：

$("." + array.replace(/,/g, ", .")).addClass("foo"); 

Answer 4

使用ES5 .some：http://jsfiddle.net/rkknp/1/。

var array = [1, 6, 2, 9, 5]; 

// filter elements that have a class apparent in the array 
$(".btn").filter(function() { 
    return array.some($.fn.hasClass.bind($(this))); 
}).addClass("red");​ 

Answer 5

您正在爲您的CSS類使用無效名稱。

The name can contain characters a-z, A-Z, digits 0-9, period, hyphen, escaped characters, Unicode characters 161-255, as well as any Unicode character as a numeric code, however, they cannot start with a dash or a digit.

見http://www.w3.org/TR/CSS2/syndata.html#characters，Which characters are valid in CSS class names/selectors?和Allowed characters for CSS identifiers。

Answer 6

這應該工作。請注意，我在此代碼中使用jQuery

var yourArray = [1,6,2,9,5]; 
var elements = $('div'); 

for(var i=0; i<yourArray.length; i++){ 
    $(elements[yourArray[i]-1]).addClass('foo'); 
}