jQuery选择表格单元格中的子节点（隐藏字段）

Question

我正在尝试重构我的代码并在类上单击我想要访问类中包含的div的隐藏值。请参阅以下代码：

<tr>
    <td>@Html.LabelFor(m => m.EnquirerDetailsPopup, "Enquirer Details Popup")</td>
    <td class="btnSettingsToggle" style="text-align: right; padding-left: 10px;">
        <div style="float: right;" id="btnEnquirerDetailsPopup">
            @Html.HiddenFor(m => m.AutoWorkflowOfEnquiry, new { id = "hdnEnquirerDetailsPopup" })
        </div>
    </td>
</tr>


 $('.btnSettingsToggle').click(function () {
     // Get hidden value that's inside this click     
  });

我有十个这样的表行，所以我想使用几行javaScript来获取btnSettingsToggle类中的隐藏字段值。

Answer 1

你的jQuery需要看起来更像这样：

$(".btnSettingsToggle").on("click", function(){
    $hiddenValue = $(this).find("input[type=hidden]").val();

    alert($hiddenValue);
});

但更好的是，将它放入自己的函数中，以便将jquery简化为

 $(".btnSettingsToggle").on("click", getHiddenValue);

修改

所以，为了完整性：

function getHiddenValue()
{
    $hiddenValue = $(this).find("input[type=hidden]").val();
    alert($hiddenValue);  
}

$(".btnSettingsToggle").on("click", getHiddenValue);

修改

此解决方案不使用更快的ID，因为提到了10行。 我假设ID不明。

Answer 2

这应该适合你：

$('.btnSettingsToggle').click(function () {
 // Get hidden value that's inside this click
 var hiddenValue = $(this).find('#hdnEnquirerDetailsPopup').val();
});