如何在點擊添加ID

在我的項目中，我有不同類型的照明類別。每個類別都有其ID。現在在我的用戶界面中，如果我選擇特定類別，它的圖片應顯示在中繼器中。我不知道如何在一個href標籤中給ID。如何在點擊添加ID

我HTML：

<ul class="filter text-center"> 
      <li><a data-cat="all" href="#All" class="active">All</a></li> 
      <li><a data-cat="Dynamite" href="#DynamiteLounge">Dynamite Lounge</a></li> 
      <li><a data-cat="Morsel" href="#Morsel">The Morsel Restaurant & Banquet</a></li> 
      <li><a data-cat="Shagun" href="#Shagun">Shagun Hotel</a></li> 
      <li><a data-cat="Shops" href="#Shops">Shops</a></li> 
      <li><a data-cat="Bunglows" href="#Bunglows">Bunglows</a></li> 
     </ul> 

<div class="bf-single-item" id="All"> 
     <asp:PlaceHolder ID="plcAll" runat="server"> 
     <asp:Repeater ID="rptrAll" runat="server"> 
     <ItemTemplate> 
     <div class="bf-single-item"> 
     <asp:Image ID="imgAll" runat="server" ImageUrl='<%# Eval("ImageAll")%>' /> 
     <div class="caption"> 
         <%--<div class="cap-in"> 
          <h3> 
           CN Lighting</h3> 
           <div class="bflink-preview"> 
           <a href='<%# Eval("ImageAll") %>' rel="prettyPhoto">Zoom In</a> 
          </div>--%> 
     </div> 
     </ItemTemplate> 
     </asp:Repeater> 
     </asp:PlaceHolder> 
     </div> 

<div class="bf-single-item" id="DynamiteLounge"> 
     <asp:PlaceHolder ID="plcDynamiteLounge" runat="server"> 
     <asp:Repeater ID="rptrDynamiteLounge" runat="server"> 
     <ItemTemplate> 
     <div class="bf-single-item"> 
     <asp:Image ID="imgDynamiteLounge" runat="server" ImageUrl='<%# Eval("ImageDynamiteLounge") %>' /> 
     <div class="caption"> 
         <div class="cap-in"> 
          <h3> 
           CN Lighting</h3> 
           <%--<div class="bflink-preview"> 
           <a href='<%# Eval("ImageAll") %>' rel="prettyPhoto">Zoom In</a> 
          </div>--%> 
     </div> 
     </ItemTemplate> 
     </asp:Repeater> 
     </asp:PlaceHolder> 
     </div> 

. 

. 

.

在這段代碼中，你可以看到我在<li><a href，我已經給href作爲div Ids。見圖片。如何傳遞ID？

來源

2015-09-01 Dinav Ahire

標記

<asp:LinkButton runat="server" Text="All" OnClick="LinkButton_Click"></asp:LinkButton>

protected void LinkButton_Click(object sender, EventArgs e) 
{ 
    var id = (sender as LinkButton).Attributes["data-cat"]; 

    if(id == "All") 
     DoSomething(); 
}

您的ID不能爲這樣的代碼檢索的背後，卻由ASP.NET 4存在Control.ClientID屬性，可以幫助你。

假設，而不是你想要這個客戶端

document.getElementsByTagName('a').forEach(function(elem){ 
    elem.addEventListened(click_handler); 
}); 

function click_handler(){ 
    var id = this.id; 
    if(id == 'All') 
     doSomething(); 
}

假設你知道Array.prototype.forEach方法

來源

2015-09-01 12:56:16 fra9001

如何在點擊添加ID

回答

相關問題