想要在点击时显示每个元素

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 
});