Javascript 要在单击时显示每个元素吗

我有菜单选项。当我点击“菜单选项”时，在“我的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>

---

我想在每个元素上显示每个菜单，但我没有做到这一点

要将单击事件添加到项目列表中，您需要像这样循环它

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

items.each(function (index, item) {

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

});

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

---

我假设这会产生错误等，当你说你“失败”时，代码现在做什么？开发工具中会出现哪些错误？？我从未见过像这样添加“点击”事件，我不认为js代码是validevent Handler附加到html see onclick=“”，你写过一次.item manu，一次.item menu，typo，还是必须这样？如果你有一个内联点击，调用一个函数，然后尝试绑定更多事件，每次单击菜单时都将重新绑定。尽量避免内联JavaScription如果您所做的只是绑定一个点击，那么您实际上并不需要eachevent@atmd现在是这样，但不起作用。如果问题发生变化，你能更新你的代码吗？

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

items.each(function (index, item) {

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

});

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