JQuery:选择一个带有N个clases而不是X类的元素

时间:2017-04-25 11:49:26

标签: javascript jquery

所以我有一个<div>有3个班<div class='a b c'>而另一个<div>有2个班<div class='a b'>我如何选择所有有班级的<div> A和B而不是C.

这可以用JQuery吗?

3 个答案:

答案 0 :(得分:5)

您可以使用此$('div.a.b:not(.c)')

之类的选择器
  1. div.a.b选择同时包含diva
  2. 类的所有b元素
  3. :not(.c)但不会选择div元素c
  4. $('div.a.b:not(.c)').css('color', 'red')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class='a b c'>Div</div>
    <div class='a b'>Div</div>

答案 1 :(得分:4)

您可以在选择器中组合类并使用application.yml

:not

答案 2 :(得分:0)

您可以在jQuery中使用:not selector,文档here

所以你的查询是:

$('.a.b:not(.c)')

JSFiddle:https://jsfiddle.net/rs4b4gv5/

- 编辑 - 错字固定! ..现在应该没问题。

alert($(".a.b:not(.c)").text());
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<div class="a b c">with all 3</div>
<div class="a b">only 2</div>