149
rated 0 times
[
153]
[
4]
/ answers: 1 / hits: 17453
/ 9 Years ago, sun, june 28, 2015, 12:00:00
I am trying to delete the div on button click but the problem that I need the button to delete the div that it contain to without passing the id of the div to the delete button
so this code at the end should be able to delete the div without passing the id of the div instead it will depend on passing this reference
<!doctype html>
<html>
<head>
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js></script>
<script>
$(document).ready(function() {
$(document).on('mouseenter', '#divbutton', function() {
$(this).find(:button).show();
}).on('mouseleave', '#divbutton', function() {
$(this).find(:button).hide();
});
});
</script>
<style>
#divbutton {
height: 100px;
background: #0000ff;
}
#divbutton2 {
height: 100px;
background: #0000ff;
}
#divbutton3 {
height: 100px;
background: #0000ff;
}
</style>
</head>
<body>
<div id=divbutton>
<button type=button style=display: none; id=i onclick=document.body.removeChild(document.getElementById('divbutton'))>Hello</button>
</div>
<div id=divbutton2>
<button type=button style=display: none; id=i onclick=document.body.removeChild(document.getElementById('divbutton2'))>Hello </button>
</div>
<div id=divbutton3>
<button type=button style=display: none; id=i onclick=document.body.removeChild(document.getElementById('divbutton3'))>Hello </button>
</div>
</body>
</html>
More From » jquery
