如何在點擊​​時選擇特定的<tr>數據？

Question

<div id="test">   
<tr> 
       <td><input name="item" type="checkbox" value="foo1"></td> 

       <td>foo2</td> 

       <td>foo3 </td> 

       <td><a href="#test" rel="facebox">edit</a></td> 
       </tr> 
       <tr> 
       <td><input name="item" type="checkbox" value="bar1"></td> 
       <td>bar2</td> 
       <td>bar3 </td> 
       <td><a href="#test" rel="facebox">edit</a></td> 
       </tr>   

     </div> 

這裏我有兩個<tr> ie two rows.我在最後<td> of each <tr>.我想上單擊每個edit link特定TR數據彈出與facebox有edit link。但我不知道如何捕捉到只one tr value?

Answer 1

你可以得到<tr>從.closest()，像這樣：

$("tr a").click(function() { 
    var tr = $(this).closest("tr"); 
}); 

然後，你可以做任何你想做的事情，用.find()來獲取內容等。

Answer 2

$("tr").each(function(i, el) { 
    $(el).find("a").click(function(ev) { 
    var tr = el; 
    }); 
}); 

Answer 3

尼克的解決方案將與你的示例代碼，但如果有任何其他內TD的在TR一個標籤的可能性，你會想更具體：

條

$("a[rel=facebox]").click(function() { 
    var tr = $(this).closest("tr"); 
    //do stuff with… 
}); 

HTH

祝福， 吉姆·鮑勃