jquery - 如何使用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>

我想隐藏所有没有 class = 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>