javascript - 使用javascript查找多个按钮的值

Question

我需要在页面上有多个按钮(通过 PHP 循环创建) - 按钮的数量不固定，因为显示的每条记录都会有一个按钮。我想在单击该按钮时使用 JavaScript 获取该按钮的值。

到目前为止，html 看起来像:

<button id="update[0]" value="test">Update</button>
<button id="update[1]" value="test">Update</button>
<button id="update[2]" value="test">Update</button>
etc....

我的脚本是:

$(document).ready("#update").click(function() {
    var updateId = $("#update").val
    alert(updateId);
});

到目前为止，脚本检测到何时单击任何 #update[] 按钮，但我如何知道特定按钮的索引以便获取值(即，如果 #update[ 38] 被点击，我如何知道它是 #update[38]，以便我可以找到该特定按钮的值？

谢谢。

Answer 1

您不想像返回文档那样将文档链接起来。

$(document).ready("#update").click(function() {

因此，您捕获的是 document.click 而不是 button.click，因此当您引用 $(this).val() 时，您将获得不存在的 document.value。

应该是:

$(document).ready(function () {
    $("button").click(function () {
        //no reason to create a jQuery object just use this.value
        var updateId = this.value;
        alert(updateId);
    });
});

http://jsfiddle.net/SeanWessell/2Lf6c3fx/