Jquery表中的隐藏字段

Question

我想知道是否有人知道使用 jquery 访问表行中的隐藏字段（通过客户端 ID）的方法。

$("#tblOne").find("tr").click(function() {
            var worker = $(this).find(":input").val();
        });

我发现上述内容适用于只有一个输入的行，但我需要一些帮助来找出一种通过输入名称获取值的方法。

这是表行的示例。 我如何通过 id 访问这两个字段？

<table id="tblOne">
<tr>
<td>
    <asp:HiddenField id="hdnfld_Id" Text='<% Eval("ID") %>'></asp:HiddenField>
</td>
<td>
    <asp:HiddenField id="hdnfld_Id2" Text='<% Eval("ID2") %>'></asp:HiddenField>
</td>
</tr> 
</table>

Answer 1

我通常使用正向查找来匹配 id，此方法避免需要客户端 id

（id 包含 foo）
$(this).find("input[id*='foo']").val();

Answer 2

按照您现在的设置方式，您可以执行以下操作：

$('tr td', '#tblOne').eq(0).find(':input').val(); // find input in 1st TD
$('tr td', '#tblOne').eq(1).find(':input').val(); // find input in 2nd TD

使用此功能，您不必担心输入的 ClientID。

Answer 3

您可以这样做：

    $("#tblOne").find("tr").click(function() {
        var election = $(this).find("td").eq(0).html();
        var worker = $(this).find('input[name=theName]').val();
    });

阅读这篇优秀的文章 '如何使用 jQuery 得到你想要的东西'作者：Benjamin Sterling。

Answer 4

你为什么不简单地使用这个：

jQuery("#<%=hdnfld_Id.ClientID%>")

Answer 5

生成一个 不是吗？ 你为什么不这么做呢

$("#foo").val()

？

我认为你需要更好地解释一下你想做什么。 如果您发现

$(this).find(":input").val();

...仅在您有一个输入时才有效，也许您正在寻找的是这样的：

$(this).find(":input").each(function() {
  // Prints the value of each input.
  alert($(this).val());
}

但就目前情况而言，您的问题不是很清楚。 尝试编辑您的问题并花点时间准确解释您想要的内容。

Answer 6

不是答案，但我在从表格单元格中提取隐藏字段值时遇到了难以置信的困难（当然使用该表格上的表格排序器），所以我很高兴找到这行代码：

$(this).find (":输入").val();

而且效果非常好。

我还使用“.live”功能，因此即使在巨大的桌子上也可以使用。

谢谢你！！！

归属地LR

Answer 7

我有三个选项卡，每个选项卡都有一个“提交”按钮，导致回发。 在提交按钮的单击事件之后，我希望当前选项卡保留。

步骤 1.

在选项卡 div 中添加一个 asp:HiddenField （“选项卡”div 包含包含我的选项卡内容的所有三个 div）。

<asp:HiddenField ID="sel_tab" Value="" runat="server" />

步骤 2.

使用导致回发的每个按钮的单击事件更新 sel_tab 的值。

protected void cmdSaveDailyMeasure_Click(object sender, EventArgs e)
{
    sel_tab.Value = "0";
}
protected void cmdSaveWeeklyMeasure_Click(object sender, EventArgs e)
{
    sel_tab.Value = "1";
}
protected void cmdSaveMonthlyMeasure_Click(object sender, EventArgs e)
{
    sel_tab.Value = "2";
}

步骤 3.
在我的 .js 文件中，我有以下代码

// Tabs
$(document).ready(function() {
    var iSelectedTab = $(this).find("input[id*='sel_tab']").val();
    if (iSelectedTab == null)
        iSelectedTab = 0;    
    $('[id$=tabs]').tabs({ selected: iSelectedTab });
});

即使您使用母版页（我是），它也可以工作。 不需要 <%=foo.ClientID%> 部分。