我大部分时间都不擅长javascript / jquery,但我知道如何使某些软件正常工作。但是我的问题是我有一堆

$("body").on("click", "button#thisid", function(event) {
    //do stuff here
});


有很多使用jquery post和get函数的点击,但是它们都有微小而简单的差异,我需要通过它们来发送。我不希望每个按钮都有一个onclick事件,但是我不确定如何将事件绑定到需要附加该事件的大量项目。

我一直在尝试提出一些方法来减少所有这些故障,但是我想拥有最好的方法,而不是一堆崩溃和失败。因此,我要与了解我的人联系,以引导我走上正确的道路。

请帮忙

最佳答案

考虑到元素是动态注入的,因此您需要将click处理程序应用于页面加载时始终存在的元素:



$(document).ready(function() {
  $(document).on("click", "button.target", function() {
    console.log($(this)[0].id);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="1" class="target">One</button>
<button id="2" class="target">Two</button>





在上面的示例中,单击处理程序应用于document,并在单击具有target类的按钮元素时触发,从而在函数中运行代码。

要组合.get().post()函数,您必须找到同义数据。请记住,您可以访问$(this),因此如果需要可以提取相关ID :)

希望这可以帮助!

10-07 19:38
查看更多