jquery - 选择下一个元素内的元素

Question

我需要选择每个$('div span:eq(0)').text()inside $('div#first')。如何将这两个选择器串在一起？

<div id="first">Some stuff to be ignored.</div>
<div>
  <div>
    <ul>
      <li>
        <span>Some text</span> <!-- need this -->
        <span>Skipped text</span>
      </li>
    </ul>
  </div>
  <div>
    <ul>
      <li>
        <span>Some text</span>  <!-- and this -->
        <span>Skipped text</span>
      </li>
    </ul>
  </div>
  <!-- this pattern continues unknown # of times -->
</div>

Answer 1

尝试使用li而不是div.

// Using #first.next()-v as #first just has a  
$('li', $('#first').next()).find('span:eq(0)').text('Updated text');

演示：http: //jsfiddle.net/rFUB8/1/

Answer 2

$('div span:eq(0)', 'div#first').text()

或者，如果您想一次处理一个：

$('div span:eq(0)', 'div#first').each(function() {
  console.log($(this).text());
});

如果您正在谈论将这些跨度放在“div#first”中，您可以使用：

$('div#first').append($('div span:eq(0)'));