如何使用jquery在ul中找到一个li中的多个类

Question

我搜索了很多，但找不到一件事，那就是:-如何使用jquery在ul中找到一个li中的多个类组合。

我的例子看起来是:-

<ul id="ssl">
<li class="lll-84 home ADSL2">Test1</li>
<li class="lll-84 home ADSL2">Test1</li>
<li class="lll-85 home ADSL1">Test1</li>
<li class="lll-85 home ADSL1">Test1</li>
<li class="lll-86 home ADSL1">Test1</li>
</ul>

我想隐藏所有没有类= lll-84 home ADSL2的lis全部组合:)

谢谢。

Answer 1

使用:not()伪类选择器(或not()方法)筛选出没有特定类组合的li。为了隐藏元素，可以在hide()中使用jQuery方法。

​

$('#ssl li:not(.lll-84.home.ADSL2)').hide()
// or
$('#ssl li').not('.lll-84.home.ADSL2').hide()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="ssl">
  <li class="lll-84 home ADSL2">Test1</li>
  <li class="lll-84 home ADSL2">Test1</li>
  <li class="lll-85 home ADSL1">Test1</li>
  <li class="lll-85 home ADSL1">Test1</li>
  <li class="lll-86 home ADSL1">Test1</li>
</ul>

​

Answer 2

​

$('li').not('.lll-84.home.ADSL2').addClass('hide')

.hide {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="ssl">
  <li class="lll-84 home ADSL2">Test1</li>
  <li class="lll-84 home ADSL2">Test2</li>
  <li class="lll-85 home ADSL1">Test3</li>
  <li class="lll-85 home ADSL1">Test4</li>
  <li class="lll-86 home ADSL1">Test5</li>
</ul>
I want to hide all lis which are not having class = lll-84 home ADSL2 the whole combination :)

​

使用方法.not()

描述:从匹配的元素集合中删除元素。