Question

我有隐藏删除按钮“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");

  });

Answer 1

在您的HTML代码中，我看到<div class="Group">，因此"Group"是一个CSS类，而不是HTML ID。
所以你应该写$("div.Group .btnDelete").removeClass("hideDeleteBtn"); 请注意，您可以将find(".btnDelete")融合到jQuery选择器中。

Answer 2

由于您使用的是转发器，我会假设它将转发器名称附加到控件上，因为您将拥有该控件的多个实例，您需要指定您指的是哪一个。

之类的东西

$("#btnDeleteGroups").click(function(){
    $("#rptGroup_imgbtnDeleteGroups_" + position).removeClass("hideDeleteBtn");
});

将指定属于某一行的imgbtndeletegroups已被按下，并且您想要从该特定控件中删除该类。

Answer 3

首先，根本不需要引用.Group，除非它仅针对网页的该部分。

如果您想要找到它们，您应该使用.each()功能。这是一个简化的例子。

$(document).ready(function() {  
    $('#btnDeleteGroups').click(function() {  
        $('.btnDelete').each(function() {
            $(this).removeClass("hideDeleteBtn");
        });
    });
});

这是一个jsfiddle来显示需要发生的事情。

隐藏/显示转发器中的多个按钮？

3 个答案: