ディスプレイのクラスは数字の文字列である

Question

私は実際にはそれを変更することができるように、APIから取り出される数字の文字列var array = 1,6,2,9,5を持っています。

は、私は私の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が本当に配列の場合

：あなたがすでに持っているものにかなり近いカンマで区切らORS

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

それは文字列だ場合（例えば、 "1,2,3"）の代わりに：http://jsfiddle.net/rkknp/1/：ES5 .someを使用して

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

Answer 4

。

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'); 
}