从html中的选定行检索特定列的值

时间:2014-12-05 03:54:37

标签: jquery html html5

我在html5中有下表

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

现在我用名为c的鼠标选择表格的第三行。 表的id是table1,我想从表中检索所选行的第二列。

请用jquery

帮我解决这个问题

2 个答案:

答案 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());
});

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

答案 1 :(得分:0)

试试这个:

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