如何使用jquery點擊標籤時在彈出窗口上顯示特定圖像

Question

我的網頁上有以下兩個標籤。

  <div class="StatsItem" style="border-bottom: 0px;"> 
      <div class="lFloat iStore MarginTop4" ></div> 

        <asp:Label runat="server" ID="lblStore" Text="N/A"   CssClass="changeColor spnValue" ></asp:Label> 
     </div> 
     <div class="StatsItem" style="border-bottom: 0px;"> 
      <div class="lFloat iReview MarginTop4"></div> 
       <asp:Label runat="server" ID="lblReview" Text="N/A" CssClass="changeColor spnValue" ></asp:Label> 
     </div> 

和彈出與以下兩個div

  <div class="lFloat iStore MarginTop10" id="dvstoreicon"></div> 
      <div class="lFloat iReview MarginTop10" id="dvreviewicon"></div> 

我想表明相關按鈕圖標點擊。我很困惑，在沒有顯示彈出窗口之前，我是如何得到圖標的id？或者如何通過點擊事件來處理彈出窗口。

Answer 1

請檢查下面的演示：

<div class="StatsItem" style="border-bottom: 0px;" onclick="return OpenPopup('Show store icon');"> 
    <div class="lFloat iStore MarginTop4" ></div> 
       <asp:Label runat="server" ID="lblStore" Text="Store" CssClass="changeColor spnValue" ></asp:Label> 
    </div> 
    <div class="StatsItem" style="border-bottom: 0px;" onclick="return OpenPopup('Show Review icon');"> 
     <div class="lFloat iReview MarginTop4" ></div> 
     <asp:Label runat="server" ID="lblReview" Text="Review" CssClass="changeColor spnValue" ></asp:Label> 
    </div> 

    <div class="lFloat iStore MarginTop10" id="dvstoreicon"></div> 
     <div class="lFloat iReview MarginTop10" id="dvreviewicon"></div> 

<script type="text/javascript"> 
    function OpenPopup(value) { 
     alert(value); 
    } 
</script> 

我在這裏顯示警報而不是彈出。請按照要求修改代碼。在警報中，您可以在點擊時看到標籤名稱。

希望它能幫助你。請讓我知道你是否需要更多的澄清。