在表中觸發兩次事件

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();幾乎是一種失禮。

Answer 2

嘗試類似。 this

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