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[z*='w']:last", 'div').css({color: "red"});

Answer 2

Ваш селектор фактически выбирает элементы span и затем применяет последний дочерний псевдоселектор к этой коллекции, попробуйте следующее:

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

См. Здесь для обновления.

Answer 3

Возможно, я неправильно понимаю вопрос, но я думаю, что вам нужен span, в котором есть "Сэм 2" и "Дэвид".

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

Если это так, попробуйте:

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