jQuery: Wybierz elementy klasy X, które nie mają rodzeństwa z tej klasy

Question

Chcę tylko zaznaczyć elementy, które pasują do klasy X i nie mają żadnychrodzeństwo, które również posiadają klasę X. W moim przypadku, X = hasDatepicker. Oto co mam wymyślić:

$('.hasDatepicker:not(.hasDatepicker ~ .hasDatepicker)') 

Jednak nie wyklucza to pierwszy element, więc w każdej grupie datepickers, to będzie jeszcze wybrać pierwszy. Nie chcę włączać żadnych grup, tylko singli.

Przykład z Partner:

<div class="input text"> 
<input name="data[Goal][date_started]" type="text" value="" class="hasDatepicker" style="display: none; "> 
<button type="button" class="ui-datepicker-trigger"><img src="/themed/mocha/images/btn_calendar.png" alt="..." title="..."></button> 
</div> 

Przykład z wyników:

<div class="input text"> 
<input type="text" value="" id="GoalDateStarted" class="hasDatepicker"><input type="text" value="" class="hasDatepicker" style="display: none; "> 
<input type="text" value="" class="hasDatepicker" style="display: none; "> 
<input name="data[Goal][date_started]" type="text" value="" class="hasDatepicker" style="display: none; "> 
<button type="button" class="ui-datepicker-trigger"><img src="/themed/mocha/images/btn_calendar.png" alt="..." title="..."></button> 
</div> 

Jakieś pomysły? Dzięki!

Answer 1

To nie jest eleganckie, ale to załatwia sprawę za pomocą pseudo-selektor :first-child i filtrowanie zestaw wyników z .filter():

• :first-child pomogą wybrać tylko pierwszą .test element wielu możliwych rodzeństwa lista

• użycie .filter() rzeczywiście sprawdzić, czy nie ma rodzeństwa z tej samej klasy

Oto kod:

var a = $('.test:first-child').filter(function() { 
    //return $(this).parent().find('.test').not(this).length == 0; 
    return !$(this).siblings('.test').length 
}); 

DEMO