イメージのクリックを確認する

Question

私はイメージがあり、それらに私は嫌いがある次のコードがあります。私は嫌いなものがクリックされた画像を特定したいのですか？それ、どうやったら出来るの？

<div class="product_title"><a href="details.html">Levi's Men's Cotton T-Shirt</a></div> 
     <div class="product_img"><a href="details.html"><img src="images/T1.jpg" alt="" border="0" id="T1"/></a></div> 
     <div class="product_img"><img src="images/dislike.jpeg" onclick="getId();" align="right" id="d1"/></a></div> 
     <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div> 
    </div> 
    <div class="bottom_prod_box"></div> 
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div> 
    </div> 
    <div class="prod_box"> 
    <div class="top_prod_box"></div> 
    <div class="center_prod_box"> 
     <div class="product_title"><a href="details.html">UB Stylish T-shirt</a></div> 
     <div class="product_img"><a href="details.html"><img src="images/T2.jpg" alt="" border="0" id="T2"/></a></div> 
     <div class="product_img"><img src="images/dislike.jpeg" alt="" border="0" align="right" id="d2"/></a></div> 
     <div class="prod_price"><span class="price">270$</span></div> 
    </div> 
    <div class="bottom_prod_box"></div> 
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div> 
    </div> 
    <div class="prod_box"> 
    <div class="top_prod_box"></div> 
    <div class="center_prod_box"> 
     <div class="product_title"><a href="details.html">Jacob n John T-Shirt</a></div> 
     <div class="product_img"><a href="details.html"><img src="images/T3.jpg" alt="" border="0" id="T3" /></a></div> 
     <div class="product_img"><img src="images/dislike.jpeg" alt="" border="0" align="right" id="d3"/></a></div> 
     <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div> 
    </div> 

Answer 1

嫌いな画像ボタンをonclickイベントでバインドすることができます。要素のIDを見つけて、そのIDを使用して製品IDを探します。

マークアップが構造化されているため、要素のIDはd iで、対応する製品IDはt iです。