检查li列表中的每个类,然后删除所有其他类

时间:2017-04-11 00:40:28

标签: javascript jquery loops

<ul class="logos">
       <div class="row">
            <li class="col-6 col-sm-4 col-lg-3 7676327">
                  content
            </li>
            <li class="col-6 col-sm-4 col-lg-3 7676325">
                 Content
            </li>
            <li class="col-6 col-sm-4 col-lg-3 7676327">
                 Content
            </li>
            <li class="col-6 col-sm-4 col-lg-3 7676326">
                 Content
            </li>
      </div>
</ul>

我想循环上面的<li>项列表并查找类.7676327然后我想删除列表中的所有其他类

非常感谢任何帮助

2 个答案:

答案 0 :(得分:1)

您可以使用.not选择器来定位具有上述用例的所有元素。

$('.logos li').not('.7676327').remove();

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="logos">
       <div class="row">
            <li class="col-6 col-sm-4 col-lg-3 7676327">
                  content
            </li>
            <li class="col-6 col-sm-4 col-lg-3 7676325">
                 Content
            </li>
            <li class="col-6 col-sm-4 col-lg-3 7676327">
                 Content
            </li>
            <li class="col-6 col-sm-4 col-lg-3 7676326">
                 Content
            </li>
      </div>
</ul>
&#13;
{{1}}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您也可以通过以下代码来完成。

$('ul.logos li.7676327').remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="logos">
       <div class="row">
            <li class="col-6 col-sm-4 col-lg-3 7676327">
                  content
            </li>
            <li class="col-6 col-sm-4 col-lg-3 7676325">
                 Content
            </li>
            <li class="col-6 col-sm-4 col-lg-3 7676327">
                 Content
            </li>
            <li class="col-6 col-sm-4 col-lg-3 7676326">
                 Content
            </li>
      </div>
</ul>