如何通过 Jquery 从表中查找按列指定的行的索引和值？

Question

我想按如下描述按行和列位置选择表格的值。 此表由 appendTo 方法用于 .tbody 选择器，然后我有更多行，如下所示，我只显示两行，每一行我都有 .Open 选择器用于用户点击以通过该行的当前位置或索引获取第 4 列 上的值。

这里是 HTML：

<table class"mytable">
    <tbody class="tbody">
        <tr>
            <td>1</td>
            <td>THB-PP-000001</td>
            <td>1005-000001</td>
            <td>100</td> //this is the column id I want to get it
            <td><button type="button" class="open"> Open by Id </button></td>
        </tr>
        <tr>
            <td>1</td>
            <td>THB-PP-000001</td>
            <td>1005-000001</td>
            <td>101</td> //this is the column id I want to get it
            <td><button type="button" class="open"> Open by Id </button></td>
        </tr>
    </tbody>
</table>

这是 JS：

$(document).on("click", ".open", function () {

    var inde = $("table tbody tr td:nth-child(4)").text();
    console.log(inde);
});

感谢帮助

Answer 1

尝试使用.parent() 和.prev() 来获取您需要的数据，

$(document).on("click", ".open", function () {
    var inde = $(this).parent("td").prev().text();
    console.log(inde);
});

如果您的 html 有一个 tbody 作为静态节点，那么您可以使用 .tbody 代替 document。