在子集中選擇第一個

Question

我有這樣的DOM;

<li></li> 
<li class="this"></li> 
<li class="this"></li> 
<li></li> 
<li></li> 
<li class="this"></li> 
<li class="this"></li> 
<li class="this"></li> 
<li></li> 
<li class="this"></li> 
<li></li> 
<li></li> 

我只想選擇各個系列連續this ES內第一華里。因此，如果我想將應用於此選擇器的對象，則生成的DOM看起來就像這樣;但是，如果我想將應用於此選擇器的對象，

<li></li> 
<li class="this that"></li> 
<li class="this"></li> 
<li></li> 
<li></li> 
<li class="this that"></li> 
<li class="this"></li> 
<li class="this"></li> 
<li></li> 
<li class="this that"></li> 
<li></li> 
<li></li> 

什麼是實現這種效果的最有效方式？我無法添加或刪除DOM中的任何元素（例如，將連續的系列包裝到它們自己的包裝div中是不可能的）。

非常感謝！

Answer 1

這項工作？

$("li:not(.this) + .this").addClass('that'); 

編輯：通過與所有元素

$("li:not(.this) + .this, .this:first-of-type").addClass('that'); 

Answer 2

$('.this').each(function(){ 
    if($(this).prev().hasClass('this')==false){ 
     $(this).addClass('that'); 
    } 
}); 

循環：如果第一項是this類的，這是行不通的，你需要這個（如果適用）類this，如果它以前的兄弟姐妹沒有相同的類，然後添加that它