0

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

  });
4

3 回答 3

1

首先，根本不需要参考.Group，除非它只是特定于网页的那一部分。

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

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

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

于 2013-08-28T21:17:44.360 回答
0

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

于 2013-08-28T21:07:14.670 回答
0

由于您使用的是转发器，我假设它将转发器名称附加到控件，并且由于您将拥有该控件的多个实例，因此您需要指定您所指的那个。所以类似的东西

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

将指定属于某个行的 imgbtndeletegroups 被按下，并且您希望从该特定控件中删除该类。

于 2013-08-28T21:15:29.763 回答