jquery - 获取div的span标签

Question

我有一个这样的表:

<div id="table">
  <div class="header-row row">
    <span class="cell primary">Team</span>
    <span class="cell">GP</span>
    <span class="cell">W</span>
  </div>
  <div class="row">
    <input type="radio" name="expand">
    <span class="cell primary" data-label="Team">Real Klarin</span>
    <span class="cell" data-label="GP">1</span>
    <span class="cell" data-label="W">0</span>
  </div>
  <div class="row">
    <input type="radio" name="expand">
    <span class="cell primary" data-label="Team">Cage</span>
    <span class="cell" data-label="GP">5</span>
    <span class="cell" data-label="W">4</span>
  </div>
</div>

我的总体目标是打印(以迭代方法):真正的克拉林10笼54

因此，我尝试收集所有跨度，以此开始:

$('#table div span').each(function (index) {
    console.log(this); // "this" is the current element in the loop
});

但它打印 HTML 对象和 span 标签，这让我很困惑。请问有什么想法吗？

<小时/>

编辑:

console.log(this.textContent);

是一个改进，但现在我得到:团队全科医生瓦真正的克拉林...

如何跳过第一个 div？或者，换句话说，如何使用 .header-row 跳过 div？

Answer 1

要跳过第一个 div，您需要在 js 中使用 :not 选择器或 .not()

$('#table div:not(:first)').each(function (index) {
  if(index == 1){  // index starts from 0 so for second record use 1
    $(this).find('span').each(function(){
      console.log($(this).text());
    });
  }
});

或

$('#table div').not(':first').find('span').each(function (index) {
    console.log($(this).text());
});