想要在點擊時顯示每個元素

Question

我的菜單選項。當我在菜單選項中單擊會有開放部分菜單下的我的HTML是

<table class="main-products"> 
    <tr> 
     <td><?php echo $item_name; ?></td> 
     <td>£ <?php echo $item_price; ?></td> 
     <td><a class="add-cart" href="javascript:void(0);" onclick="open_drop()"></a></td> 
    </tr> 
</table> 
<div class="item-menu"> 
    <form class="item-type"> 
     <input type="radio" name="radio" value="Inferno Hot" />Inferno Hot<br /> 
     <input type="radio" name="radio" value="Medium" />Medium<br /> 
     <input type="radio" name="radio" value="Jerk" />Jerk<br /> 
     <input type="radio" name="radio" value="Lemon & Herb" />Lemon & Herb<br /> 
     <input type="radio" name="radio" value="Mango & Lime" />Mango & Lime<br /> 
    </form> 
    <div class="fright"> 
     <a href="javascript:void(0);" class="add-to-cart" onclick="add_to_cart('<?php echo $item_name; ?>','<?php echo $item_price ?>');">Add To cart</a> 
    </div> 
</div> 

和我的javascript：

function open_drop(){ 
    var $this = $('.item-menu'); 
    $this.each('click', function(){ 
     if ($('.item-manu').is(':visible')) { 
      $this.hide(); 
     }else{ 
      $this.show(); 
     }('hi'); 
    }); 
} 

我想告訴每個元素的每個菜單，但我沒有做到這

Answer 1

添加點擊事件，你的產品清單，你需要循環像這樣

var items = $('.item-menu input'); 

items.each(function (index, item) { 

    $(item).on('click', function() { 
     // do something 
    }); 

}); 

編輯：正如指出的那樣，現在顯然太早了。下面 是更好的，除非你想使用索引，並做一些基於它（但即使如此，你可以使用索引（））

$('.item-menu input').on('click', function() { 
    // do something 
});