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(); 
});