Question

我正在尝试使用jQuery删除双击的任何div。

我正在尝试这个：

$(this).dblclick(function() {

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

});

我收到警报但是div没有删除。

我没有添加被点击的div，因为如果可能的话我想要它是什么？

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

Answer 1

$(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 2

如果你想引用所有div，你必须写下这个：

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

Answer 3

此版本会将事件附加到正文并继续删除任何双击的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>

JQuery这个删除不删除

3 个答案: