jquery - 在表中触发事件两次

Question

每当发生输入更改时，我都会尝试触发父级单击事件。下面是我的代码，它触发了两次 Click 事件。

                  $('TABLE TBODY TR TD INPUT').change(function()
                  {
                   $(this).parents('TD').click();
                  });
                  $('TABLE TBODY TR TD').click(function()
                  {
                   alert("Clicked me...");
                  });

这是我的 HTML 代码

      <table>
      <tr><td>foo<input type="radio"></td><td>foo<input type="checkbox"></td></tr>
      <tr><td>foo<input type="radio"></td><td>foo<input type="checkbox"></td></tr>
      <tr><td>foo<input type="radio"></td><td>foo<input type="checkbox"></td></tr>
      </table>

哪里错了...

Answer 1

$('TABLE TBODY TR TD INPUT').change(function() {
    clicky(this.parents('TD'));
});
$('TABLE TBODY TR TD').click(function clicky(parentElement) {
    alert("Clicked me...");
});

所以input也在 td所以两者都被点击了。 这只返回一个警报，但我有一种感觉，您不想警报，而是更改父元素。

但我打赌您可能想要以下内容

$('TABLE TBODY TR TD INPUT').change(function() {
    clicky($(this).parents('TD'));
});

 function clicky(parentElement) {
    $(parentElement).toggleClass('clicked');

};

实例:http://jsfiddle.net/nFtzJ/

这里每次输入改变时，父<td>类 .clicked 已切换，当然可以更改，但使用 alert(); 几乎是一种失礼。正在生产中。