点击表按钮上的JQuery

时间:2014-08-17 19:05:45

标签: javascript jquery html button html-table

我有一张桌子,其中每个tr都有一个按钮:

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

在页面中,我想定义一个按钮点击时的动作。所以我尝试了这个:

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

什么都没发生。我究竟做错了什么。这太简单了,不能工作: - (

2 个答案:

答案 0 :(得分:1)

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

这是一个显示如何在Chrome中使用控制台的文档:https://developer.chrome.com/devtools/docs/console

Firefox的对应方有助于:https://developer.mozilla.org/en/docs/Tools/Web_Console

这里有一个小提琴,展示了它的实际效果: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");
        }); 
    });

答案 1 :(得分:0)

您的解决方案应该可行,但我会检查您是否正确下载并获得了jQuery。或者,如果您使用的是内容分发网络,请确保您的网址正确无误。