0

私はhtmlに持っています:

<div id="tags_list">
  <span class="label">Favorites</span>
  <span class="label label-info">Starred</span>
  <span class="label label-info">Popular</span>
</div>

<span>クラスを持つすべての要素の配列を返すjQueryセレクターを探していますが、 div.label-info内のみです。#tags_list

私は成功せずにjsでこのようなことを試みています:

var tagsList = $("#tags_list > span:class['label-info']");

前もって感謝します。

4

1 に答える 1

3

私はお勧めします:

var spans = $('#tags_list > span.label-info');

JS フィドルのデモ

spans結果に対して jQuery メソッドを使用できるようにする jQuery オブジェクトです。代わりに DOM ノードを使用して、ネイティブ JavaScript メソッドを使用する場合は、次のようにします。

var spans = $('#tags_list > span.label-info').get();

JS フィドルのデモ

または、プレーンな JavaScript では:

var spans = document.querySelectorAll('#tags_list > span.label-info');

JS フィドルのデモ

後者のオプションは、配列 ( を使用get()) と nodeList (を使用) を返しquerySelectorAll()ます。アクションを実行するには、どちらも明示的に繰り返す必要があります。

参考文献:

于 2013-07-06T18:28:40.387 に答える