Javascript 设置按钮以运行不同的脚本

Javascript 设置按钮以运行不同的脚本,javascript,jquery,html,Javascript,Jquery,Html,我有一个包含2个表的页面,每行有一个“选择”按钮,单击该按钮时需要运行脚本。我已经在第一个表中使用了它,但无法解决如何在两个表中都使用它 以下是表格的HTML: 选择主要 密码 描述 选择 BJ2345 笔记本电脑13英寸显示屏 选择 AZ77656 笔记本电脑15英寸显示屏 选择 选择配件 密码 描述 选择 MM42412341 老鼠 选择 KB42341243 键盘 选择 USB421341234 USB适配器 选择 PWR363456534 电源适配器 选择 区分按钮的一个非常基本的方法

我有一个包含2个表的页面,每行有一个“选择”按钮,单击该按钮时需要运行脚本。我已经在第一个表中使用了它,但无法解决如何在两个表中都使用它

以下是表格的HTML:

选择主要 密码 描述 选择 BJ2345 笔记本电脑13英寸显示屏 选择 AZ77656 笔记本电脑15英寸显示屏 选择 选择配件 密码 描述 选择 MM42412341 老鼠 选择 KB42341243 键盘 选择 USB421341234 USB适配器 选择 PWR363456534 电源适配器 选择
区分按钮的一个非常基本的方法是为按钮添加一个名为id的属性

<button id="button1" type="button" class="btn btn-success btn-sm">Select</button>
<button id="button2" type="button" class="btn btn-success btn-sm">Select</button>

如果您可以更改标记,则在按钮中添加一个来自main的类和另一个用于附件的类,并执行$'button.main'和$'button.accessories'而不是$'button.btn success:not[type=submit]'

如果不是这样,那么你需要能够区分彼此

$document.readyfunction{ $'button.btn成功:不是[type=submit]'。单击函数E{ var t=$e.target.parent.parent.parent.parent.parent.prev[0].innerHTML; ift.indexOfMain!=-1{ //把你的主代码放在这里 console.logmain文件; }否则,如果t.indexOfAccessories!=-1{ //这是附件-在这里输入附件代码 控制台。日志配件; } }; }; 选择主要 密码 描述 选择 BJ2345 笔记本电脑13英寸显示屏 选择 AZ77656 笔记本电脑15英寸显示屏 选择 选择配件 密码 描述 选择 MM42412341 老鼠 选择 KB42341243 键盘 选择 USB421341234 USB适配器 选择 PWR363456534 电源适配器 选择
这两个表是否都没有唯一的数据?您不能添加唯一的ID吗?我想你可以在两个可能的元素上运行:n的类型,但这在将来进行修改时似乎非常危险。你能更改html标记吗?我可以在必要时更改html-它在我的控制下。如果你想在点击不同按钮时使用不同的AJAX调用,那么就使用不同的选择器和不同的代码。
$('#button1').click(function() { ...
$('#button2').click(function() { ...