Javascript 我怎样才能使用；这"；有效地在这个功能中，因此它赢得了'；不影响其他点击事件？

我不明白这里有什么问题。代码的主要目的是创建动态行并删除它们。我的代码运行良好。但这里的主要问题是，当我使用一个函数调用冗余代码时，如果我点击一个模块（页面），它会影响另一个页面。我

dynamiccrow.js

$(document).ready(function () {
    var $schoolAdd = $(document).find('div.schoolAdd');
    var $collegeAdd = $(document).find('div.collegeAdd');

 var $deleteButton='<div><button type="submit" class="reservedFieldRemoveButton"><i class="fa fa-minus"></i></button></div>';


   $schoolAdd.on('click','button.addButton',function(){
            var $parent= $(this).parent().parent();
            $(this).remove();
            $parent.append($deleteButton);
            $rschoolAdd.append($reservedRowToAppend);
        });
    $collegeAdd.on('click','button.addButton',function(){
            var $parent= $(this).parent().parent();
            $(this).remove();
            $parent.append($deleteButton);
            $collegeAdd.append($reservedRowToAppend);
        });
})

---

但是当我点击学校模块的事件时，我看到大学模块也受到了影响。但这不应该发生。它们是单独的功能。我想我可能在函数中用错了“this”。如何解决此问题？

因为您正在访问所有具有class.addButton的DOM中的所有按钮元素，而不仅仅是单击的按钮。你为什么没用“这个”

我想象你的HTML代码，因为你还没有发布（记得下次发布）：

$（文档）.ready（函数（）{
var$schoolAdd=$（document.find（'div.schoolAdd'）；
var$collegeAdd=$（document.find（'div.collegeAdd'）；
var$deleteButton='delete'；
功能测试功能（添加按钮）{
var$parent=$（addButton）.parent（）.parent（）；
$（addButton）.remove（）；
$parent.append（$deleteButton）；
}
$schooldadd.on（'click'，'button.addButton'，function（）{
testFunction（this）；
$schooldadd.append（“added！”）；
});
$collegeAdd.on（'click'，'button.addButton'，function（））{
testFunction（this）；
$collegeAdd.append（“已添加！”）；
});
});

添加
添加
，因为您正在访问所有具有class.addButton的DOM中的所有按钮元素，而不仅仅是单击的按钮。你为什么没用“这个”

我想象你的HTML代码，因为你还没有发布（记得下次发布）：


$（文档）.ready（函数（）{
var$schoolAdd=$（document.find（'div.schoolAdd'）；
var$collegeAdd=$（document.find（'div.collegeAdd'）；
var$deleteButton='delete'；
功能测试功能（添加按钮）{
var$parent=$（addButton）.parent（）.parent（）；
$（addButton）.remove（）；
$parent.append（$deleteButton）；
}
$schooldadd.on（'click'，'button.addButton'，function（）{
testFunction（this）；
$schooldadd.append（“added！”）；
});
$collegeAdd.on（'click'，'button.addButton'，function（））{
testFunction（this）；
$collegeAdd.append（“已添加！”）；
});
});

添加
添加
  function testFunction(addButton){
       var $parent= $(addButton).parent().parent();
       $(addButton).remove();
       $parent.append($deleteButton);
  }
  $schoolAdd.on('click','button.addButton',function(){
            testFunction('button.addButton');
            $rschoolAdd.append($reservedRowToAppend);
  });
  $collegeAdd.on('click','button.addButton',function(){
            testFunction('button.addButton');
            $collegeAdd.append($reservedRowToAppend);
  });