javascript - 有没有办法通过单击 HREF 链接来获取表内的值？

Question

我正在读取一个通过 Python 访问的 JSON 文件。 JSON 文件中的值将显示在表格上。每行有一个按钮。我想要的是当我单击按钮时看到值。

我可以使用什么算法来存储所有值，这样当我单击按钮时，我可以获得其相应的 ROW 值。

下面是我的 JSON 文件的迭代:

<tr>
    <td align="center">{{ entryIteration.sha1 }}</td>
    <td align="center">{{ entryIteration.requestedStatus }}</td>
    <td align="center">{{ entryIteration.detectionName }}</td>
    <td>{{ entryIteration.userRemarks }}</td>
    <td>
        <a href="#" class="btn btn-success btn-sm" data-toggle="modal" data-target="#modalApprove">Approve</a>
        <a href="#" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#modalReject">Reject</a>
        <a href="#" class="btn btn-default btn-sm">View</a>
    </td>
</tr>
{% endfor %}

Answer 1

$('.btn btn-default').click(function(){
    var tdtext1 = $(this).closest('tr').find('.tdclass1')
     var tdtext2 = $(this).closest('tr').find('.tdclass2')
})

使用.closest()获取按钮所在行的数据值

Description: For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.