javascript - jquery :last-child did not work properly

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用于更新。