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”。

Answer 2

不要向按钮添加 id 属性，而是使用 class 属性。 ID 必须是唯一的，但类不是。 JQuery 使用以下语法匹配类：$('.sendsomeone')

<input type=\"button\" class=\"sendsomeone\" value=\"Send a family member to spectate\"/>
...
$('.sendsomeone').click(function() {
  alert('Button clicked');
});

Answer 3

为您的按钮提供唯一的 id (id="sendsomeone1"、id="sendsomeone2" ...) 和相同的类 (class="sendsomeone") 并为该类添加点击句柄：

<input type="button class="sendsomeone" id="sendsomeone1" value="send 1" />
<input type="button class="sendsomeone" id="sendsomeone2" value="send 2" />

$('.sendsomeone').click(function() {
  alert('Button '+$(this).attr('id')+' was clicked!");
});

Answer 4

我想您想要类似的东西：

$('#sendsomeone, #sendanother, #stillanotherone).click(....);

您显然也可以为所有按钮提供相同的类并执行以下操作：

$('.youclass').click(...);

请注意，在所有这些情况下，函数中的 this 将是发起事件的按钮。