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

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

});

编辑：正如所指出的，这显然太早了。 下面的更好，除非你想使用索引并基于它做一些事情，否则你不需要循环（但即使那样你也可以只使用 index()）

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