我有隐藏删除按钮“imgbtnDeleteGroups”来删除转发器中的项目,但我的问题是我的“btnDeleteGroups”没有显示imgbtnDeleteGroups
<div class="Group">
<div class="row-fluid">
<h3 class="font-black">Groups</h3>
</div>
<div class="row-fluid bottom clearfix group-div">
<asp:LinkButton ID="lnkBtnAllGroup" runat="server" OnClick="lnkBtnAllGroup_Click"
CssClass="btn lts-darkgray">All</asp:LinkButton>
<asp:Repeater ID="rptGroup" runat="server" OnItemCommand="rptGroup_ItemCommand">
<ItemTemplate>
<div class="GroupLink btn lts-blue">
<asp:HiddenField ID="hfGroupID" runat="server" Value='<%# Eval("GroupID") %>'
/>
<asp:LinkButton ID="GroupBTN" runat="server" OnClick="LinkButton1_Click">
<%# Eval( "name") %>
</asp:LinkButton>
</div>
<asp:ImageButton ID="imgbtnDeleteGroups" CssClass="btnDelete hideDeleteBtn"
runat="server" CommandName="deleteGroup" ImageUrl="~/DesktopModules/ResourceGrouping/img/off.png"
ClientIDMode="Static" />
</ItemTemplate>
</asp:Repeater>
<div class="groupName">
<asp:TextBox ID="txtbGroupName" runat="server" placeholder="New Group"></asp:TextBox>
<asp:Button ID="btnCreateGroup" runat="server" Text="Create Group"
OnClick="btnCreateGroup_Click" UseSubmitBehavior="false" CssClass="btn lts-green group-dropdown"
/>
<input id="btnDeleteGroups" type="button" name="" value="Delete Group"
/>
</div>
<div class="divbreak">
<img src="/DesktopModules/ResourceGrouping/img/divbreak-white.png" />
</div>
</div>
</div>
Javascript:
$("#btnDeleteGroups").click(function () {
//alert("sdvsd");
$("#Group").find(".btnDelete").removeClass("hideDeleteBtn");
});
答案 0 :(得分:0)
在您的HTML代码中,我看到<div class="Group">
,因此"Group"
是一个CSS类,而不是HTML ID。
所以你应该写$("div.Group .btnDelete").removeClass("hideDeleteBtn");
请注意,您可以将find(".btnDelete")
融合到jQuery选择器中。
答案 1 :(得分:0)
由于您使用的是转发器,我会假设它将转发器名称附加到控件上,因为您将拥有该控件的多个实例,您需要指定您指的是哪一个。
之类的东西$("#btnDeleteGroups").click(function(){
$("#rptGroup_imgbtnDeleteGroups_" + position).removeClass("hideDeleteBtn");
});
将指定属于某一行的imgbtndeletegroups已被按下,并且您想要从该特定控件中删除该类。
答案 2 :(得分:0)
首先,根本不需要引用.Group
,除非它仅针对网页的该部分。
如果您想要找到它们,您应该使用.each()
功能。这是一个简化的例子。
$(document).ready(function() {
$('#btnDeleteGroups').click(function() {
$('.btnDelete').each(function() {
$(this).removeClass("hideDeleteBtn");
});
});
});
这是一个jsfiddle来显示需要发生的事情。