How can I remove an element that is NOT on the DOM using jQuery?

Question

I want to use jQuery to manipulate a cloned element that is not on the DOM, to perform actions like .remove() on it. Say I have the following code:

var div= $('<div> <div id="div1"></div> </div>');
div.remove('#div1');
console.log(div.html());

The result on the console will still show that the element was not removed. string manipulation is not desirable, I'm looking for something analogue to $().remove()

Rory McCrossan · Accepted Answer · 2016-03-22 22:30:46Z

3

The div variable will contain a reference to the outer div. You need to use find() to get the inner div by its id:

var $div = $('<div><div id="div1"></div></div>');
$div.find('#div1').remove();

answered Mar 22, 2016 at 22:30

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

Ricardo · Accepted Answer · 2016-03-22 22:19:10Z

1

Using the context argument of the jQuery() function:

$('div', div).remove('#div1');

answered Mar 22, 2016 at 22:19

Ricardo

4,4085 gold badges43 silver badges58 bronze badges

Collectives™ on Stack Overflow

How can I remove an element that is NOT on the DOM using jQuery?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related