Response title
This is preview!
remove() removes the wrong element!!
in Getting Started
•
11 years ago
So I have the following HTML code :
<div class="container">
<div class="window">
<div id="test1">
<h1>TEST<button>X</button></h1>
<p>This is the content of the first test</p>
</div>
<div id="test2">
<h1>TEST2<button>X</button></h1>
<p>This is the content of the second test</p>
</div>
<div class="container">
<div class="window">
<div id="test1">
<h1>TEST<button>X</button></h1>
<p>This is the content of the first test</p>
</div>
<div id="test2">
<h1>TEST2<button>X</button></h1>
<p>This is the content of the second test</p>
</div>
<div id="test3">
<h1>TEST3<button>X</button></h1>
<p>This is the content of the third test</p>
</div>
</div>
</div>
<h1>TEST3<button>X</button></h1>
<p>This is the content of the third test</p>
</div>
</div>
</div>
and the following script :
$(document).ready(function() {
$("button").click(function () {
var id = $("button").closest("div").attr("id");
$("#" + id).remove();
});
});
My problem :
the problem I have, is that which ever button I click, it always removes test1 div first, then test2 div second - and so on. This happens regardless of which button I click.
Any help would be much appreiciated
$(document).ready(function() {
$("button").click(function () {
var id = $("button").closest("div").attr("id");
$("#" + id).remove();
});
});
My problem :
the problem I have, is that which ever button I click, it always removes test1 div first, then test2 div second - and so on. This happens regardless of which button I click.
Any help would be much appreiciated
1
