jquery - 次の要素内の要素を選択

Question

$('div span:eq(0)').text()内部でそれぞれを選択する必要があります$('div#first')。これら 2 つのセレクターを連結するにはどうすればよいですか?

<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()

または、一度に 1 つずつ処理する場合:

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

これらのスパンを「div#first」に入れることについて話している場合は、次を使用できます。

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