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>

现在我想删除分隔符重复项，如果它们一个接一个地出现。在＆＃39; li＆＃39;之间可能存在空白区域。元素即。

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

希望得到帮助，向所有jQuery武士致以深切的问候。马里乌什

Answer 1

您不需要使用jQuery使您的解决方案复杂化，除非您的HTML比您的问题所暗示的更复杂，您可以使用css来设置紧跟在另一个.divider之后的.divider元素的样式} element。

.divider + .divider {
   display: none;
}

Answer 2

你可以这样做：

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

使用jQuery删除重复的行分隔符

2 个答案: