0

我有一个左侧带有“添加到购物车”按钮的元素列表(使用 Wordpress 插件安装的购物车)。当我单击该元素添加到购物车的按钮时(没有打开新页面,它只显示“已添加”消息)。我想要一个最终链接“将所有元素添加到购物车”,如果单击该链接,则会同时单击所有“添加到购物车”按钮。我的问题是:我不能使用与“添加到购物车”按钮相关的选择器,因为添加到购物车按钮没有唯一的 id,只是一个类,对于所有按钮总是相同的(我可以'不要改变它)。但我设法关闭了 div 内的按钮,该按钮具有与产品相关的唯一类属性。所以,这是按钮的代码情况:

// Product 1
<div class="cart1">
    <form action="http://url" method="post">
        <fieldset>
        <input class="button" value="Add to cart" title="Add product to cart" type="submit" />
        </fieldset>
</form>
</div>
// Product 2
<div class="cart2">
    <form action="http://url" method="post">
        <fieldset>
        <input class="button" value="Add to cart" title="Add product to cart" type="submit" />
        </fieldset>
</form>
</div>

对于jquery代码,我认为一些点击功能就可以了,比如

<a onclick="functionClick1();functionClick2();">Add every product to cart</a>

对于html,和

functionClick1() {
    $("").click();
    }

对于 javascript。但是我可以在引号内放什么,因为添加到购物车按钮没有唯一的类或 ID?我如何告诉他:单击 div class="cart1" 元素中包含的按钮?感谢大家!

4

1 回答 1

0

Try the below jquery code

$("div.cart1 > input,div.cart2 > input").click(function(){alert("input inside cart1/cart2"});

Thanks

于 2012-12-07T18:24:55.010 回答