Question

<table>
     <tr>
        <td>
           <asp:Label ID="lblUnitPrice" runat="server" Text='<%#Eval("UNIT_PRICE") %>' />
           <input type="text" id="txtUnitPrice" style="display: none" />
        </td>
        <td>
           <asp:LinkButton ID="linkBtnUnitPrice" runat="server" Text="Edit" OnClientClick="SetEditMode(this); return false;" />
        </td>
     </tr>
</table>

我想在用户点击linkBtnUnitPrice时获取lblUnitPrice id，即在使用JQuery或Javascript的SetEditMode（this）函数中

Answer 1

$(this).parent().prev().find("input").attr("id");

Answer 2

要清楚; JQuery对你的ASP标签一无所知;它只会看到完成的HTML代码。在这种情况下，我希望您的<asp:Label>生成一个HTML标记，但对于更复杂的ASP标记并不总是如此。

您的JQuery代码应如下所示：

$('#linkBtnUnitPrice').click(function() {
    var label = $(this).parent().siblings().find('label');
});

然而，鉴于您已经知道按钮和标签的ID，您实际上并不需要寻找兄弟姐妹;你可以直接找到相关的ID：

$('#linkBtnUnitPrice').click(function() {
    var label = $('#lblUnitPrice');
});

Answer 3

添加这个或类似于按钮的东西可能会成功。（没有自己测试过。）

onclick="alert(jQuery(this).parent().siblings('td').children('label').attr('id'))"

如何获得兄弟td值？

3 个答案: