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/