how to remove html element dynamically

Question

I have two functions in mycode.first is addElement() and second is removeElement() When I click on add it is adding elements dynamically, Now what I want to remove those elements dynamically when I click on remove. I tried .remove() and .empty() but its not working. Please help. add code:

$('#original').append('<br/><br/><strong>And &nbsp; </strong>');
                        var content = '<select name=selParameter' + count + ' id=selParameter' + count + ' class=chosen-select><option value=0>Select Parameter</option>';

remove code: $('#original').remove('#selParameter' + count + '');

The 'add' code provided does not add the 'content' to the DOM. So there's nothing to remove. Please add the correct code or (as per other comment) create a jsfiddle where the add does add the elements correctly. — fdomn-m
– fdomn-m, Commented Aug 27, 2015 at 11:43

Lakshmi Narayana · Accepted Answer · 2015-08-27 11:48:04Z

1

The problem here is you are adding the content to the HTML page after page is loaded, the same will work if you have done before the page load.

There is on function in jQuery to record changes and remove the elements dynamically when they are added. Please have a look at the following documentation http://api.jquery.com/on/

Let me know, if you still face issues.

answered Aug 27, 2015 at 11:48

Lakshmi Narayana

881 gold badge1 silver badge9 bronze badges

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

2 Comments

Ankit21ks Over a year ago

which event am I suppose to use like load or else

Lakshmi Narayana Over a year ago

$(document).ready(function(){ $("#add").on('click', function(){ alert('add'); $('body').append("<p id='added'> this is added </p>") }) $('#remove').on('click', function(){ alert('remove'); $('#added').remove() }) });

Collectives™ on Stack Overflow

how to remove html element dynamically

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related