我在html5中有下表
name roll address
a 1 pune
b 2 pune
c 3 pune
现在我用名为c的鼠标选择表格的第三行。
表的id是table1
,我想从表中检索所选行的第二列。
请用jquery
帮我解决这个问题答案 0 :(得分:0)
假设这是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());
});
答案 1 :(得分:0)
试试这个:
$("table1 tr").on("click", "td:nth-child(2)", function(e) {
alert($(this).html());
});