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

Question

jQuery $("div span[z*='w']:last-child").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>

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

实例http://jsbin.com/izubaj/edit#javascript,html,live

Answer 1

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

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

See here了解更新。

Answer 2

试试这个：

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

Answer 3

我可能误解了这个问题，但我认为你想要的是拥有“Sam 2”和“David”的span。

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

如果是这种情况，请尝试：

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