javascript - jQuery处理事件，但不执行功能

我有一个class =“ evidence”的div，其中包含4个我想通过jQuery管理的元素（按钮）。我必须更改所单击按钮的背景颜色，并重置其他3个按钮背景以模拟切换按钮

我这样写：

$('.evidence [id^=button]').on('click', function () {
    $('.evidence [id^=button]').not($(this)).css('backgroud-color', '#88e885');
    $(this).css('backgroud-color', '#559153');
});

按钮ID以button开头，并且按钮是div class =“ evidence”的子级。我可以使用firebug进行调试，并且可以在$（'。evidence [id ^ = button]'）上看到断点停止，但是该函数未执行。

你能帮助我吗？

已编辑

这是我的HTML

<div class="evidence">
    <table>
        <tr>
            <td><asp:Button runat="server" CssClass="btn" ID="button1"/></td>
            <td><asp:Button runat="server" CssClass="btn" ID="button2"/></td>
            <td><asp:Button runat="server" CssClass="btn" ID="button3/></td>
            <td><asp:Button runat="server" CssClass="btn" ID="button4"/></td>
        </tr>
    </table>
</div>

最佳答案

您需要根据证据将选择器筛选为某种东西。

$('.evidence div[id^=button]')

关于javascript - jQuery处理事件，但不执行功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11263463/

Evidence

javascript - jQuery处理事件，但不执行功能