Question

我有删除按钮的这个功能（根据我点击的内容删除）它正在工作，但是当我点击其他按钮时它会执行删除功能不应该这样做。我怎样才能防止影响其他按钮？

function myDelete()
{
    $(document).on('click', '.item', function(){
        $(this).remove();
        var sum = 0;
    });
}

Answer 1

您最好将“click”事件绑定到特定的dom对象，而不是文档对象。

请尝试以下代码：

function myDelete()
{
    $('.item').on('click', function(){
        $(this).remove();
        var sum = 0;
    });
}

另外，我觉得你必须将它包装在一个函数中。在大多数情况下，一个简单的包装器（相当于“on dom load”）就足够了：

$(function(){
  // you code here such as :
  $('.item').on('click', function(){
      $(this).remove();
      var sum = 0;
  });
});

Answer 2

将您的功能置于$(document).ready()内会更好。要删除单击按钮，您可以执行以下操作：

$(document).ready(functio(){
      $(document).on('click', '.item', function(){
         $(this).remove();
         var sum = 0;
   });

});

或者，你可以这样做：

<button class="item" onclick="myDelete(this)">Button</button>

function myDelete(element)
{
    $(element).remove();
    var sum = 0;
}

Answer 3

将click事件与与之关联的类绑定。无需用其他功能包装它。

$('.item').on('click', function(){
    $(this).remove();
    var sum = 0;
});

Answer 4

<button class="item">Other Button</button>

<button onclick="myDelete(this)">Button</button>

function myDelete()
{
    $('.item').remove();
    var sum = 0;
}

onclick删除影响其他按钮

4 个答案: