使用jquery自动单击div按钮

时间:2017-02-21 20:38:19

标签: javascript jquery html button

我无法以编程方式点击此按钮获取jquery:

<div class="cta bt-add-to-cart" data-prid="90859" role="button" data-error="Per procedere devi selezionare la taglia!">
    <div>Aggiungi al carrello</div>
</div>

我试过了:

$('.cta bt-add-to-cart').click();

或者这个:

$('.cta bt-add-to-cart').trigger('click');

3 个答案:

答案 0 :(得分:0)

您的jQuery选择器不会选择包含您发布的HTML的按钮 - 它应该是以下内容:

$('.cta.bt-add-to-cart').trigger('click');

这应该选择同时具有ctabt-add-to-cart类的元素,并触发绑定到它的任何点击事件。

答案 1 :(得分:0)

您必须指定点击发生时要执行的功能。你的尝试都没有。

此外,JQuery选择器在类名之间不需要空格,否则它将查找具有类bt-add-to-cart的元素,这些元素是具有类cta的元素的后代。

以下是一个例子:

&#13;
&#13;
function theCallbackFunction(){
  // This is where the code to execute lives
  alert("You clicked me!");
}

// This sets up the function as the click event handler for the element
$('.cta.bt-add-to-cart').on("click", theCallbackFunction);

// And this is a way to simulate the user clicking the element
$('.cta.bt-add-to-cart').trigger('click');
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="cta bt-add-to-cart" data-prid="90859" 
     role="button" data-error="Per procedere devi selezionare la taglia!">
  <div>Aggiungi al carrello</div>
</div>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

试试这个$('.bt-add-to-cart').click()$('.cta bt-add-to-cart')返回一个像对象一样的空数组,如果你想将两个分类合并,那么你可以这样做$('.cta.bt-add-to-cart')