0

いくつかの HTML 要素を反復処理して、それらの値を取得したいと考えています。これを使用$.each()してみましたが、要素に変数型の他の要素が含まれている場合の方法がわかりません。私はHTML DOM構造を次のように持っています:

<li>
 <div>X</div>
 <br/>
 <span>Category : </span>
 <div>Y</div>
 <span><br/>Rating</span>
 <div>
 <span>Z</span>
</div>

そこから値を取得したいX , Y , Z。また、これには複数のインスタンスがあるため、それぞれを反復処理する必要があります。誰かがこれに対するいくつかのアプローチを提案できますか?

4

3 に答える 3

1

関心のある要素を に割り当てますclass。

<li>
 <div class="value">X</div>
 <br/>
 <span>Category : </span>
 <div class="value">Y</div>
 <span><br/>Rating</span>
 <div>
 <span class="value">Z</span>
</div>

次に、クラスごとに値を選択します。

$('.values').each(function() {
  console.log($(this).text())
})
于 2013-11-11T10:46:04.370 に答える
1

また

$('li > div').each(function(){
    console.log($(this).text())
})

-編集-

これらのスパン内にコンテンツが必要ない場合は、次を試すことができます。

$('li > div').each(function(){
      var $tmp =  $(this).clone();
      $tmp.find('span').remove();
      console.log($tmp.text());

})
于 2013-11-11T10:46:07.700 に答える
1

内のすべての要素のtextコンテンツを読み取っているようです。だから試してみてくださいdivli

$('li').children('div').each(function(){
    console.log($(this).text())
})
于 2013-11-11T10:44:18.363 に答える