c# - ASP.NET : Get Label inside Repeater using JQuery based on custom attribute

Question

我阅读了很多这方面的解决方案和博客，但仍然无法完成。

我的代码中有一个中继器，它在 ItemTemplate 中有标签。我需要对按钮单击事件中在文本框中输入的值进行客户端验证(使用 jQuery)。我的标签中有一些值，我想访问该值以在文本框中输入的值和标签文本之间进行比较。现在，我向标签和文本框添加了一个名为 datakey 的自定义属性，以便于比较。

我访问文本框并获取 datakey 属性。我得到了 datakey 值与文本框相同的标签并进行比较。

现在在 Jquery 中我无法访问该标签。

这是我在 Jquery 中写的:

var lbl = $("label").find("[datakey='" + expID + "']");

ASP 代码。

<table class="tblDispData">
    <asp:Repeater ID="PrjBudgetDetails" runat="server" ClientIDMode="Static">
        <HeaderTemplate>
            <tr>
                <th class="thDataDisp">
                    <asp:Label ID="LbExpType" runat="server" Text="Expenditure Type" CssClass="LbTblDataDisp"
                        Font-Bold="true"></asp:Label>
                </th>
                <th class="thDataDisp">
                    <asp:Label ID="LbAllocatedBudget" runat="server" Text="Allocated Budget" CssClass="LbTblDataDisp"
                        Font-Bold="true"></asp:Label>
                </th>
                <th class="thDataDisp">
                    <asp:Label ID="LbAvailedBudget" runat="server" Text="Available Budget" CssClass="LbTblDataDisp"
                        Font-Bold="true"></asp:Label>
                </th>
                <th class="thDataDisp">
                    <asp:Label ID="LbRequestedBudget" runat="server" Text="Budget Requested" CssClass="LbTblDataDisp"
                        Font-Bold="true"></asp:Label>
                </th>
            </tr>
        </HeaderTemplate>
        <ItemTemplate>
            <tr>
                <td class="tdDataDisp">
                    <asp:Label ID="ExpTypeText" runat="server" Text='<%#Eval("ExpType") %>' CssClass="LbTblDataDisp"
                        AssociatedControlID="BudgetRequestedText"></asp:Label>
                </td>
                <td class="tdDataDisp">
                    <asp:Label ID="BudgetAllocatedText" runat="server" Text='<%#Eval("BudgetAllocated") %>'
                        CssClass="LbTblDataDisp" AssociatedControlID="BudgetRequestedText"></asp:Label>
                </td>
                <td class="tdDataDisp">
                    <asp:Label ID="BudgetAvailableText" runat="server" dataKey='<%#Eval("ExpID") %>'
                        Text='<%#Convert.ToDouble(Eval("BudgetAllocated")) - Convert.ToDouble(Eval("BudgetAvailed")) %>'
                        CssClass="LbTblDataDisp" ClientIDMode="Static" AssociatedControlID="BudgetRequestedText"></asp:Label>
                </td>
                <td class="tdDataDisp">
                    <asp:TextBox ID="BudgetRequestedText" runat="server" dataKey='<%#Eval("ExpID") %>'
                        dataValue='<%#Eval("ExpType") %>' CssClass="tblDataInput"></asp:TextBox>
                </td>
            </tr>
        </ItemTemplate>
    </asp:Repeater>
    <tr>
        <td colspan="3">
            <span id="Legend1" class="frmInstructions" runat="server">Please enter zero(0) if not
                requesting budget for any particular expenditure. The currency is INR. </span>
        </td>
        <td>
            <asp:Button ID="prjBudgetSubmitBtn" runat="server" Text="Submit Budget" CssClass="formNext"
                ClientIDMode="Static" OnClick="prjBudgetSubmitBtn_Click" />
        </td>
    </tr>
</table>

此处的结果标记

<table class="tblDispData">

                                <tr>
                                    <th class="thDataDisp">
                                        <span id="LbExpType" class="LbTblDataDisp" style="font-weight:bold;">Expenditure Type</span>
                                    </th>
                                    <th class="thDataDisp">
                                        <span id="LbAllocatedBudget" class="LbTblDataDisp" style="font-weight:bold;">Allocated Budget</span>
                                    </th>
                                    <th class="thDataDisp">
                                        <span id="LbAvailedBudget" class="LbTblDataDisp" style="font-weight:bold;">Available Budget</span>
                                    </th>
                                    <th class="thDataDisp">
                                        <span id="LbRequestedBudget" class="LbTblDataDisp" style="font-weight:bold;">Budget Requested</span>
                                    </th>
                                </tr>

                                <tr>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="ExpTypeText" class="LbTblDataDisp">Hardware</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="BudgetAllocatedText" class="LbTblDataDisp">9.00</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="BudgetAvailableText" class="LbTblDataDisp" dataKey="EXP001">7</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <input name="ctl00$pageMainContent$PrjBudgetDetails$ctl01$BudgetRequestedText" type="text" id="BudgetRequestedText" class="tblDataInput" dataKey="EXP001" dataValue="Hardware" dataAmount="7" />
                                    </td>
                                </tr>

                                <tr>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="ExpTypeText" class="LbTblDataDisp">Software</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="BudgetAllocatedText" class="LbTblDataDisp">9.00</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="BudgetAvailableText" class="LbTblDataDisp" dataKey="EXP002">9</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <input name="ctl00$pageMainContent$PrjBudgetDetails$ctl02$BudgetRequestedText" type="text" id="BudgetRequestedText" class="tblDataInput" dataKey="EXP002" dataValue="Software" dataAmount="9" />
                                    </td>
                                </tr>

                                <tr>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="ExpTypeText" class="LbTblDataDisp">Software AMC</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="BudgetAllocatedText" class="LbTblDataDisp">9.00</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="BudgetAvailableText" class="LbTblDataDisp" dataKey="EXP003">9</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <input name="ctl00$pageMainContent$PrjBudgetDetails$ctl03$BudgetRequestedText" type="text" id="BudgetRequestedText" class="tblDataInput" dataKey="EXP003" dataValue="Software AMC" dataAmount="9" />
                                    </td>
                                </tr>

                                <tr>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="ExpTypeText" class="LbTblDataDisp">Hardware AMC</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="BudgetAllocatedText" class="LbTblDataDisp">9.00</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="BudgetAvailableText" class="LbTblDataDisp" dataKey="EXP004">9</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <input name="ctl00$pageMainContent$PrjBudgetDetails$ctl04$BudgetRequestedText" type="text" id="BudgetRequestedText" class="tblDataInput" dataKey="EXP004" dataValue="Hardware AMC" dataAmount="9" />
                                    </td>
                                </tr>

                                <tr>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="ExpTypeText" class="LbTblDataDisp">UPS</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="BudgetAllocatedText" class="LbTblDataDisp">9.00</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <label for="BudgetRequestedText" id="BudgetAvailableText" class="LbTblDataDisp" dataKey="EXP006">9</label>
                                    </td>
                                    <td class="tdDataDisp">
                                        <input name="ctl00$pageMainContent$PrjBudgetDetails$ctl05$BudgetRequestedText" type="text" id="BudgetRequestedText" class="tblDataInput" dataKey="EXP006" dataValue="UPS" dataAmount="9" />
                                    </td>
                                </tr>

                        <tr>
                            <td colspan="3">
                                <span id="pageMainContent_Legend1" class="frmInstructions">Please enter zero(0) if not
                                    requesting budget for any particular expenditure. The currency is INR. </span>
                            </td>
                            <td>
                                <input type="submit" name="ctl00$pageMainContent$prjBudgetSubmitBtn" value="Submit Budget" id="prjBudgetSubmitBtn" class="formNext" />
                            </td>
                        </tr>
                    </table>

提前致谢。

Answer 1

以下代码将为您提供相关标签。

$("label[dataKey='" + expID + "']")

Demo