如何從javascript或jquery中的元素數組中刪除特定元素

Question

例：

<div id="Elmnt_1" class="MyElement">
<div id="Elmnt_2" class="MyElement">
<div id="Elmnt_3" class="MyElement">
<div id="Elmnt_4" class="MyElement">

如何選擇所有具有class =“ MyElement”的元素並使用特定ID從中省略一個元素

我猜：

var fltrdElmnts = $(".MyElement").filter(! $( "#Elmnt_2" ) );
fltrdElmnts.remove();

預期結果：

<div id="Elmnt_2" class="MyElement">

Answer 1

您可以在選擇器內使用:not()偽類。

$(".MyElement:not(#Elmnt_2)")

 $(".MyElement:not(#Elmnt_2)").css('color', 'red') 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="Elmnt_1" class="MyElement">Div</div> <div id="Elmnt_2" class="MyElement">Div</div> <div id="Elmnt_3" class="MyElement">Div</div> <div id="Elmnt_4" class="MyElement">Div</div> 

或者，您可以使用.not()方法。

$(".MyElement").not('#Elmnt_2')

 $(".MyElement").not('#Elmnt_2').css('color', 'red') 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="Elmnt_1" class="MyElement">Div</div> <div id="Elmnt_2" class="MyElement">Div</div> <div id="Elmnt_3" class="MyElement">Div</div> <div id="Elmnt_4" class="MyElement">Div</div> 

Answer 2

您可以使用:not()選擇器

var fltrdElmnts = $(".MyElement:not(#Elmnt_2");

演示：

 $(function() { var fltrdElmnts = $(".MyElement:not(#Elmnt_2"); fltrdElmnts.remove(); /* or just: $(".MyElement:not(#Elmnt_2").remove(); */ }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="Elmnt_1" class="MyElement">Elmnt_1</div> <div id="Elmnt_2" class="MyElement">Elmnt_2</div> <div id="Elmnt_3" class="MyElement">Elmnt_3</div> <div id="Elmnt_4" class="MyElement">Elmnt_4</div> 

Answer 3

使用此選擇器MyElement:not(#Elmnt_2)

 var fltrdElmnts = $(".MyElement:not(#Elmnt_2)"); fltrdElmnts.remove(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="Elmnt_1" class="MyElement">a</div> <div id="Elmnt_2" class="MyElement">b</div> <div id="Elmnt_3" class="MyElement">c</div> <div id="Elmnt_4" class="MyElement">d</div> 

文件

• :not() Selector