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

想要点击显示每个元素

1 个答案: