Sandeep Kumar Sandeep Kumar - 10 months ago 45
CSS Question

I have to remove parent div through jQuery

I have to remove whole div which having class "input-group". I have to do this by jQuery. I tried through jQuery but div is not removing.

Here is my code,

$(document).ready(function() {
$(".wrapper").on('click', '.rmvBtn', function(e) {

<script src=""></script>
<div class="wrapper">
<div class="input-group">
<input type="text" class="form-control" name="field_name[]" value="" />
<span class="input-group-addon">
<a href="#" class="rmvBtn" title="Remove field"">
<span class="glyphicon glyphicon-minus"></span>

Please let me know what errors have in my code ? Thanks in advance.

Answer Source

Can you please try below code:


    $(".wrapper").on('click', '.rmvBtn', function(e){ 


$.closest is for traversing up through its ancestors in the DOM tree till we get the match.

In your code; rmvBtn is inside <span> tag. Hence $(this).parent('div') returns you nothing as $.parent() traverse only single level up in DOM tree.