jqueryの：最後の子は動作しませんでした正しく

Question

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

とhtml最初のdivからスパンを選択する方法

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

？

ライブ例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

私は質問を誤解するかもしれないが、私はあなたが「サム2」と同様に「デビッド」を持っている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'});