html 表，获取相对于我单击的行的第一列的文本值

Question

所以我有一个表，我试图根据我单击的行获取第一列的值。我试过这个

$("#divid").on("click", ".tableid", function(){
  alert($(this).find('td:first').text());
});

但它总是给我表格的第一行和第一列。我该如何解决这个问题？

谢谢

Answer 1

问题是您选择的是表".tableid"而不是单击的行，因此进一步引用 $（this） 将是整个表而不是单击的行。您必须将".tableid"替换为".tableid tr"。

这是正确的示例 https://jsfiddle.net/nf76rxyq/2/

目录

<div id="divid">
    <table class="tableid">
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
</div>

爪哇语

$(document).ready(function() {
    $("#divid").on("click", ".tableid tr", function() {
        alert($(this).find('td:first').text());
    });
});