Javascript jquery：最后一个孩子没有正常工作

jQuery

$（“div span[z*='w']：最后一个子项”）.css（{color:“red”}）

还有html

<div>
   <span z="ww">Sam</span>  <!-- Didn't works -->
   <span>Sam 2</span>
</div>
<div>
    <span z="ww">Glen,</span>
    <span z="ww">David</span> <!-- Works -->
</div>


山姆
山姆2
格伦，
大卫

如何从第一个div中选择范围

Live example
您的选择器实际上选择了
span
元素，然后将最后一个子伪选择器应用于该集合，请尝试以下操作：

$("div").find('span[z*="w"]:last').css({color: "red"});

更新。请尝试以下操作：

$("span[z*='w']:last", 'div').css({color: "red"});

我可能误解了这个问题，但我想你想要的是既有“Sam 2”又有“David”的
span

您试过
：第一次吗<代码>：首先
不是我的解决方案。我需要选择所有跨距。如果需要所有跨距，只需使用
$（“div span[z*='w']）
，无需任何添加。那么您想在每个div中选择z*=w

的最后一个跨度吗？请更具体地说，没有人愿意花时间找出你需要什么帮助。这实际上只是rich.okelly解决方案的另一个版本。这两种方法都有效，但我更喜欢将目标选择器放在前面。

<div>
    <span z="ww">Sam</span>  <!-- Didn't works -->
    <span>Sam 2</span>
</div>

$('div span[z*="w"]').siblings(':last-child').css({color: 'red'});