選擇tr的輸入

Question

如何僅選擇表格行的輸入？我的意思是點擊每行的所有輸入。

HTML：

<table> 
<tr> 
    <th><input type="text" name="num" value="num"/></th> 
    <th><input type="text" name="a" value="a"/></th> 
</tr> 

<tr> 
    <td> <input type="text" name="num" value=""/> </td> 
    <td><input type="text" name="a" value=""/></td> 
</tr> 
</table>​ 

CSS：

.highlight { background-color: blue; } 

JQUERY：

$(function(){ 
    $("tr input").click(function(){  
     $("tr input").toggleClass("highlight").siblings().removeClass("highlight"); 
    })  
}) 

• 我有這個在這裏測試：HTTP：//jsfiddle.net/yg4n6/
• 我在這裏我正在尋找的效果的一個例子。這很好，但這只是一張桌子。我試圖做同樣的表內輸入：http://jsfiddle.net/yg4n6/5/

Answer 1

首先找到this家長和搜索.highlight去除存在。
比.highlight適用於this - > TR - >輸入

http://jsfiddle.net/yg4n6/2/

$("tr input").click(function(){  
    $(this).closest('table').find('.highlight').removeClass("highlight"); 
    $(this).closest('tr').find('input').toggleClass("highlight"); 
}); 

你也可以這樣做：

$("tr").click(function(e){   
    if(e.target.tagName=='INPUT'){ 
     var $this = $(e.target); 
     $this.closest('table').find('.highlight').removeClass("highlight"); 
     $this.closest('tr').find('input').toggleClass("highlight"); 
    } 
});