檢索的HTML

Question

選自行特定的列的值I具有下表中HTML5

name roll address 
a  1 pune 
b  2 pune 
c  3 pune 

現在我選擇該表的第三行與小鼠與名稱C。 表的id是table1，我想從表中檢索選定行的第二列。

請幫我使用jQuery解決這個

Answer 1

假設這是HTML代碼

<table id="table1"> 
    <tr> 
     <td>name</td> 
     <td>roll</td> 
     <td>address</td> 
    </tr> 
    <tr> 
     <td>a</td> 
     <td>1</td> 
     <td>pune</td> 
    </tr> 
    <tr> 
     <td>b</td> 
     <td>2</td> 
     <td>pune</td> 
    </tr> 
    <tr> 
     <td>c</td> 
     <td>3</td> 
     <td>pune</td> 
    </tr> 
</table> 

下面的腳本將提醒點擊排

$('#table1 tr').on('click', function(){ 
    alert($(this).children().first().next().html()); 
}); 

演示的第二列：http://jsfiddle.net/jLt5bkqp/2/

或者您也可以使用:nth-child() Selector

$('#table1 tr').on('click', function(){ 
    alert($(this).children('td:nth-child(2)').html()); 
}); 

演示：http://jsfiddle.net/jLt5bkqp/3/

Answer 2

試試這個：

$("table1 tr").on("click", "td:nth-child(2)", function(e) { 
    alert($(this).html()); 
});