无法访问动作按钮上的表格单元格单击jquery答案

【问题标题】：Cannot access table cell on actions button click jquery无法访问动作按钮上的表格单元格单击jquery
【发布时间】：2020-07-27 03:52:10
【问题描述】：

我有下表html：

<table>
    <tr role="row" class="odd">
        <td class=" select-checkbox"></td>
        <td class="sorting_1">1</td>
        <td>Jonathan</td>
        <td>Name</td>
        <td>jkname@gmail.com</td>
        <td><button type="button" class="btn btn-info smallPadding edit" onclick="editUser();">Edit</button></td>
    </tr>
    <tr role="row" class="odd">
        <td class=" select-checkbox"></td>
        <td class="sorting_1">1</td>
        <td>Cameron</td>
        <td>Name</td>
        <td>camname@gmail.com</td>
        <td><button type="button" class="btn btn-info smallPadding edit" onclick="editUser();">Edit</button></td>
    </tr>
</table>

这是我的editUser 函数：

function editUser(){
    var id = jq(this).closest("tr").find("td:eq(1)").text();
    alert(id);
}

它没有从第二个单元格返回 id 值

有什么建议吗？

【问题讨论】：

标签： jquery dom

【解决方案1】：

当你使用 jquery 时，绑定一个函数并在其中使用 this。

$("body").on("click", ".edit", function() {
    var id = $(this).parent().parent().find('.sorting_1').text();
  alert(id);
});

<script
  src="https://code.jquery.com/jquery-3.5.1.min.js"
  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="crossorigin="anonymous"></script>
  <table>
    <tr role="row" class="odd">
        <td class=" select-checkbox"></td>
        <td class="sorting_1">1</td>
        <td>Jonathan</td>
        <td>Name</td>
        <td>jkname@gmail.com</td>
        <td><button type="button" class="btn btn-info smallPadding edit">Edit</button></td>
    </tr>
    <tr role="row" class="odd">
        <td class=" select-checkbox"></td>
        <td class="sorting_1">1</td>
        <td>Cameron</td>
        <td>Name</td>
        <td>camname@gmail.com</td>
        <td><button type="button" class="btn btn-info smallPadding edit">Edit</button></td>
    </tr>
</table>

【讨论】：