2013-08-20 10 views
27

データ属性でインデックス化されたpタグの配列を考えてみましょう。 jQueryを使用して、複数のデータ属性で要素を選択するにはどうすればよいですか?

<p class='my-class' data-id='0' data-id-index='1'></p> 
<p class='my-class' data-id='0' data-id-index='2'></p> 
<p class='my-class' data-id='1' data-id-index='1'></p> 
<p class='my-class' data-id='1' data-id-index='2'></p> 

は、私が使用することができます data-idによって pを選択し、テキストを追加するには、次の

$('.my-class[data-id="' + dataId + '"]').append(myText); 

は上記と同じdata-idですべてpタグにmyTextを追加します。しかし、data-iddata-id-indexの両方で選択したい場合はどうなりますか?あなたは既に行ったよう

答えて

44

は、同じ操作を行います...属性セレクタを連鎖させることができます:

$('.my-class[data-id="' + dataId + '"][data-id-index="'+dataIdIndex+'"]').append(myText); 
関連する問題