javascript - JQuery 单击表格按钮

Question

我有一个表，其中每个 tr 都有一个按钮:

<td class='id'><input type='button' class='thisbutton' value='this'></td>

在页面中，我想定义单击按钮时的操作。所以我尝试了这个:

$('.thisbutton').click(function() {
    alert("A");
});

什么也没发生。我究竟做错了什么。这太简单了，无法工作:-(

Answer 1

如果你正确地包含 jquery 和这个脚本，那应该可以正常工作。正如评论所建议的，请检查控制台是否有错误，因为这很可能会提示您问题所在。它是大多数脚本调试的核心部分。

以下文档展示了如何在 Chrome 中使用控制台:https://developer.chrome.com/devtools/docs/console

还有 Firefox 对应的版本，以防万一有帮助:https://developer.mozilla.org/en/docs/Tools/Web_Console

这是一个显示其实际效果的 fiddle :http://jsfiddle.net/td4go6t9/

及其来源；

标记:

<table>
<tr>
    <td class='id'><input type='button' class='thisbutton' value='this'></input></td>
    <td class='id'><input type='button' class='thisbutton' value='this'></input></td>
    <td class='id'><input type='button' class='thisbutton' value='this'></input></td>
</tr>

脚本:

    $(function(){
        $('.thisbutton').click(function() {
            alert("A");
        }); 
    });