使用jQuery刪除重複的線條分隔線

Question

我有引導下拉菜單（MVC5網站）與一些職位之間的分隔線。菜單中的位置根據用戶權限顯示。有時候，我結束了堆疊兩個或多個分隔即

<li class="divider"></li> 
<li>@Html.RouteLink("option1", "Route1")</li> 
<li class="divider"></li> 
<li class="divider"></li> 
<li>@Html.RouteLink("option", "Route2")</li> 

現在我想刪除重複的分頻器，如果他們接連出現。 'li'元素之間可能有一個空白區域，即

<li class="divider"></li>  <li class="divider"></li> 

希望對所有jQuery武士的問候寄予厚禮。 馬裏烏什

Answer 1

你不需要使用jQuery解決方案複雜化，除非你的HTML是不是你的問題意味着更復雜，你可以使用CSS樣式緊跟另一.divider元素的.divider元素。

.divider + .divider { 
    display: none; 
} 

Answer 2

你可以做這樣的事情：

$('.divider').each(function(){ 
    if($(this).next().hasClass("divider")){ 
     $(this).remove(); 
    } 
});