无法点击弹出按钮

Question

我有以下 HTML 代码。 单击立即购买 200将显示下面的立即购买，确定并关闭

<button class="btn-standard buyButton currency-coins">Buy Now for 200</button>

<div class="dialog-body">
 <button class>
 span class="btn-text">Ok</span>
 <span class="btn-subtext"></span>
 </button>
 <button class>
 <span class="btn-text">Ok</span>
 <span class="btn-subtext"></span>
 </button>
</div>

我想自动化这个过程，我在 javascript 中做了类似的事情，但是最后一步没有用，点击 OK 。

所以下面是我的代码。

$("button:contains('Buy Now')").on('click', function(){

$("span:contains('Ok')").click();}); //alert("hello") is working, but click on OK button didn't

----------------------------
$("button:contains('Buy Now')").click(); // is doing nothing for Ok button click.

Answer 1

如果我理解正确，您想在单击“立即购买”按钮时触发跨度的单击事件。

您拥有的代码应该可以工作。 您需要做的就是创建一个 function 来处理 span 的点击事件。

 $("button:contains('Buy Now')").on('click', function() { $("span:contains('Ok')").trigger('click'); return false; }); $("span:contains('Ok')").on('click', function() { //do something here alert("This works"); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button class> Buy Now </button> <div class="dialog-body"> <button class> <span class="btn-text">Ok</span> <span class="btn-subtext"></span> </button> <button class> <span class="btn-text">Cancel</span> <span class="btn-subtext"></span> </button> </div>