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

Question

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

var d = document.getElementById("d1"); 

d.setAttribute("value", "newValue");

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

由于

Answer 1

问题是你正在选择表格＆＃34; .tableid＆＃34;而不是单击的行，所以进一步引用$（this）将是整个表而不是单击的行。你必须更换＆＃34; .tableid＆＃34;用＆＃34; .tableid tr＆＃34;。

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

HTML

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

的Javascript

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