javascript - 从 jquery 数据表中选择一个值

Question

我无法从此表中获取隐藏输入元素的值。

这是我的表格:

<table id="scrapApprovalTable" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th></th>
            <th>Date</th>
            <th>Company</th>
            <th>Notes</th>
            <th>Comments</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <cfoutput>
            <cfloop query="GetRequests">
                <tr class="#specialPricingScrapID#" id="#specialPricingScrapID#">
                    <td class="details-control" value="#specialPricingScrapID#"></td>
                    <td class="date">#DateFormat('#enterDate#', 'mm-dd-yyyy')#</td>
                    <td class="company"><a href="http://www.pblead.com/cfleadsource/MarMgt.cfm?ContactID=#contactid###ContactInfo" target="_blank">#company#</a>
                    </td>
                    <td class="notes">#notes#</td>
                    <td class="comments">
                        <textarea name="processingScrapComments-<cfoutput>#specialPricingScrapID#</cfoutput>" id="processingScrapComments-<cfoutput>#specialPricingScrapID#</cfoutput>" cols="30" rows="5"></textarea>
                    </td>
                    <td class="buttons">
                        <input type="hidden" id="requestID" value="#specialPricingScrapID#">
                        <button class="btn btn-success btn-block btn-small" id="btn-ApproveScrapRequest" name="btn-ApproveScrap" onclick="processRequest(#specialPricingScrapID#, #contactid#, #userid#)">Approve</button>
                        <br>
                        <button class="btn btn-danger btn-block" id="btn-RejectScrapRequest" name="btn-RejectScrap" onclick="processDenial(#specialPricingScrapID#, #contactid#, #userid#)">Deny</button>
                        <br>
                    </td>
                </tr>
            </cfloop>
        </cfoutput>
    </tbody>
</table>

这是我正在使用的 JavaScript:

$(document).ready(function () {
    var approvalTable = $('#scrapApprovalTable').DataTable();
    $('#scrapApprovalTable tbody').on('click', 'td.details-control', function (e) {
        e.stopPropagation();
        var $this = $(this);
        var trid = $this.closest('tr').data('id');
        alert("TR ID " + trid);
        var tdid = $this.find('td[data-id]').data('id');
        alert("TD ID " + tdid);
    });
});

我只是想得到的值

1. 隐藏元素
2. 或所选 TR 的 ID 或
3. 所选行的 class="details-control' 值。

所有这些都是相同的值。我想要完成的是获取该值，以便我可以执行另一个请求。

感谢大家的帮助。

该表在创建时直接加载。

Answer 1

使用下面的代码获取 id 的值<tr> 的属性元素:

$(this).closest('tr').attr('id');