How to remove specific element from element array in javascript or jquery

Question

Example:

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

How to select all element which have class="MyElement" and omit one element from it using specific id

My guess:

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

Expected result:

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

How about just using $('#Elmnt_3') when you just want to get that element only? — palaѕн
– palaѕн, Commented Mar 5, 2018 at 15:16
@palash actually i want to hide all elements exept one specific element — Rafeeq Mohamed
– Rafeeq Mohamed, Commented Mar 5, 2018 at 15:26
Ok, I was bit confused as you had the code fltrdElmnts.remove(); which is unnecessary, if you just want one element. — palaѕн
– palaѕн, Commented Mar 5, 2018 at 15:27

Nenad Vracar · Accepted Answer · 2018-03-05 15:21:42Z

2

You can use :not() pseudo class inside selector.

$(".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>

Or you can use .not() method.

$(".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>

edited Mar 5, 2018 at 15:21

answered Mar 5, 2018 at 15:16

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GreyRoofPigeon · Accepted Answer · 2018-03-05 15:16:38Z

2

You could use the :not() selector for that

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

Demo:

$(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>

answered Mar 5, 2018 at 15:16

GreyRoofPigeon

18.1k5 gold badges39 silver badges60 bronze badges

Comments

Ele · Accepted Answer · 2018-03-05 15:17:28Z

1

Use this selector 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>

Doc

:not() Selector

answered Mar 5, 2018 at 15:17

Ele

33.8k7 gold badges43 silver badges80 bronze badges

Collectives™ on Stack Overflow

How to remove specific element from element array in javascript or jquery

3 Answers 3

Comments

Comments

Doc

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Doc

Comments

Your Answer

Sign up or log in

Post as a guest

Related