JQuery这删除不删除

Question

我想要得到任何div被双击将被删除与jQuery。

我想这一点：

$(this).dblclick(function() { 

    alert('Was Doubled Clicked'); 
    $(this).remove(); 

}); 

我得到警报，但股利不会被删除。

我还没有添加被点击的div，因为我希望它是任何可能的？

为什么我的代码没有这样做？

Answer 1

这个版本将事件附加到body并继续删除任何双击的div。

$(document).ready(function() { 
 
    $('body').on('dblclick', 'div', function(event) { 
 
    event.preventDefault(); 
 
    event.stopPropagation(); 
 
    $(this).remove(); 
 
    }); 
 
    var count = 1; 
 
    $('.addMore').click(function(){ 
 
    $(this).before($('<div>Testing New '+count+'</div>')); 
 
    count++; 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div>Testing 1</div> 
 
<div>Testing 2</div> 
 
<div>Testing 3</div> 
 
<div>Testing 4</div> 
 
<div>Testing 5</div> 
 
<div>Testing 6</div> 
 
<button class="addMore">+DIV</button>

Answer 2

$(this)我认为是指document对象。你不想那样。试试这个

$("div").dblclick(function() { 
 
    $(this).remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="my-div">This is a div</div> 
 

 
<div>This is another div</div>

http://jsfiddle.net/1jpvev24/1/

Answer 3

当你想引用你写这所有div：

$('div').dblclick(function() { 
    alert('Was Doubled Clicked'); 
    $(this).remove(); 
});