jquery 按钮和多个项目

Question

我有一些 PHP 代码，它生成许多项目，它本身不是列表，但我们可以这样认为。

对于每个项目，我让 PHP 生成一个按钮。

我需要 jquery 能够注册对这些按钮中任何一个的单击，然后根据单击的行项目执行代码并获取值。

所以我可能有这样的代码(在我的循环语句中)

<br>There is a duel being held on turn $eventturn between $name1 of house $fname1 and $name2 of house $fname2!   <input type=\"button\" id=\"sendsomeone\" value=\"Send a family member to spectate\"/>"

和这样的 jquery 代码

$('#sendsomeone').click(function() {
   alert("button was clicked.");
});

我相信您可以猜到，这仅适用于一项，而不适用于多项。

如何让 jquery 注册不同按钮点击，并为其获取数据？

Answer 1

$('input:button').click(function() {...}); 将同时在所有按钮上放置相同的点击处理程序。

然后，单击处理程序可以抓取存储在按钮的某些属性中的文本；您可以更改每个按钮的此属性值，而不会影响 HTML 渲染。例如:

<button blah="whatsit">Click me</button>
<button blah="ooga">Click me too</button>

这个脚本:

$('input:button').click(function() { alert( $(this).attr("blah") ) });

单击第一个按钮时将弹出“whatsit”，单击第二个按钮时将弹出“ooga”。