How to remove div using jquery?
-
I have this code: <div class="container"> <div class="row"> <div class="col"> <a href="1" class="delete_activity">x</a> </div> </div> <div class="row"> <div class="col"> <a href="2" class="delete_activity">x</a> </div> </div> <div class="row"> <div class="col"> <a href="3" class="delete_activity">x</a> </div> </div> </div> After the click on "delete_activity" I need to remove the "row" div that have that link. In the case the user click on X (href=1) i need to remove: <div class="row"> <div class="col"> <a href="1" class="delete_activity">x</a> </div> </div> How can I do it with JQuery?
-
Answer:
The best way to do this is use closest(). $('.delete_activity').click(function(){ $(this).closest('.row').remove(); }); Don't use parents (unless thats the behaviour you want). closest will only remove the first element found up the DOM tree. parents will remove ALL elements matched up the DOM tree.
Dail at Stack Overflow Visit the source
Other answers
$('.delete_activity').click(function(){ $(this).parents('.row').remove(); }); Documentation: http://api.jquery.com/remove/
motoxer4533
$(".delete_activity").click(function(event) { event.preventDefault() $(this).parents('.row').remove(); });
bitsMix
Try the following $('.delete_activity').click(function (e) { $(this).parents('div.row').remove(); e.preventDefault(); });
JaredPar
$('.delete_activity').click(function(){ $(this).parents('row:first').remove(); }); Use first to get the first parent above!
talkshowhost
Related Q & A:
- How to Search using jQuery ASP.Net?Best solution by Stack Overflow
- How to create your own slider using jQuery?Best solution by Stack Overflow
- how to set value in ckeditor using jquery?Best solution by Stack Overflow
- how to submit form using jquery mobile?Best solution by Stack Overflow
- How to Remove DIV from Iframe?Best solution by Stack Overflow
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.