选择所有共享一个类但没有特定ID的元素

时间:2018-10-11 15:56:47

标签: jquery

例如,假设我有3个元素:

<p class="content" id="p1"> </p>
<p class="content" id="p2"> </p>
<p class="content" id="p3"> </p>

我知道,要选择内容元素,我将使用$('.content'),并选择p1元素,我将使用$('#p1')。我的问题是-如何选择不是 p1的所有内容元素?

我已经尝试过$('.content:not[#p1]),但这似乎没有用。

2 个答案:

答案 0 :(得分:1)

您可以尝试:

$('.content').not('#p1');

答案 1 :(得分:1)

:not()选择器

  

说明选择与给定选择器不匹配的所有元素

     

jQuery( ":not(selector)" )
     selector:筛选器。

     

:not()内接受所有选择器,例如::not(div a):not(div,a)

来源:https://api.jquery.com/not-selector/


$(".content:not(#p1)").each(function() {
    console.log(this.id);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="content" id="p1"> </p>
<p class="content" id="p2"> </p>
<p class="content" id="p3"> </p>