如何使用一个选择器查询在jQuery中选择每个元素的第一个子元素

Question

我需要一个选择器查询来获取每个<span>元素的第一个<li>元素

<li><span>a1</span><span>b1</span></li>
<li><span>a2</span><span>b2</span></li>
<li><span>a3</span><span>b3</span></li>

Answer 1

考虑使用:first-child选择器：$('li span:first-child')。

$('li span:first-child').css('color', '#f00');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<li><span>a1</span><span>b1</span></li>
<li><span>a2</span><span>b2</span></li>
<li><span>a3</span><span>b3</span></li>