jQuery Table selected row

Question

我正在開發一個發票程序，我試圖選擇使用jquery的單行，但我無法準確弄清楚如何選擇一行並提取其下面的內容是我的代碼！請指教

注：我只是增加兩行，但將有超過100行，所以我認爲它不可能給ID對每個TD，並使用該ID

<table class="ProductSearch"> 
     <tr> 
     <td>ID</td> 
     <td>DESCRIPTION</td> 
     <td>Qty</td> 
     <td>PRICE</td> 
     <td></td> 
     </tr> 
     <tr> 
     <td>P1</td> 
     <td>P1 Desc</td> 
     <td>P1 Qty</td> 
     <td>P1 Price</td> 
     <td><img src="select.jpg" alt="select" class="select" /></td> 
     </tr> 
     <tr> 
     <td>P2</td> 
     <td>P2 Desc</td> 
     <td>P2 Qty</td> 
     <td>P2 Price</td> 
     <td><img src="select.jpg" alt="select" class="select" /></td> 
     </tr> 
    </table> 


$(".select").live('click', function(event) { 
    var rselect; 
    rselect = $(this).parent().parent().index(); 
$('.ProductSearch tr').each(function() 
    { 
     console.log($(this).html()); 
    }); 
}); 

Answer 1

調用它，你可以嘗試closest()方法：

$(".select").on('click', function(event) { // use `on()` as `live()` is deprecated 
    var rselect; 
    rselect = $(this).closest('td'); 
    console.log(rselect.html()); 
}); 

http://jsfiddle.net/NftQj/

---

更新：

如果要遍歷tr的td元素，你可以嘗試象下面這樣：

$(".select").on('click', function(event) { // use `on()` as `live()` is deprecated 
    var rselect; 
    rselect = $(this).closest('tr'); 
    rselect.find('td').each(function(){ 
     console.log($(this).html()); 
    }) 
}); 

http://jsfiddle.net/NftQj/2/