当 .click() 不起作用时，如何以编程方式单击此页面上的按钮？

Question

实际上，我正在开发一个扩展程序，帮助在闪购期间从 Flipkart 购买产品。在产品页面上，我无法在 JavaScript 的帮助下点击“立即购买”按钮，它告诉我 undefined 这是立即购买按钮的代码：

<form><button class="_2AkmmA _2Npkh4 _2kuvG8 _7UHT_c" type="button"><span class="_279WdV"></span> <!-- -->BUY NOW</button></form>

The Button is in this page

我正在使用代码在我的 JavaScript 文件中单击此按钮

$("._2AkmmA._2Npkh4._2kuvG8._7UHT_c").click();

但是，即使我转到 the page on the site 并在控制台中执行

$("._2AkmmA._2Npkh4._2kuvG8._7UHT_c").click();

控制台显示undefined，并且不启动通过手动使用鼠标单击“立即购买”按钮启动的“立即购买”过程。在控制台中，执行

$("._2AkmmA._2Npkh4._2kuvG8._7UHT_c");

演出：

<button class="_2AkmmA _2Npkh4 _2kuvG8 _7UHT_c" type="button"><span class="_279WdV"></span> <!-- -->BUY NOW</button>

这是我希望以编程方式单击的正确按钮。请注意，尽管我使用了$()，但返回的是不是 jQuery 对象。

如果我手动单击该按钮，则会显示“立即购买”对话框。你可以去this page自己试试。

• 我不明白这里有什么问题。我的代码或其任何形式的 filpkart 网站方面的保护是否有任何问题？

Answer 1

我认为你必须像这样在 jQuery 中使用多类选择器：

$("._2AkmmA, ._2Npkh4, ._2kuvG8, _7UHT_c").click()

如你所见，我在课间使用, 或者像这样减少你的课程：

$("._2AkmmA").click()

Answer 2

只有在所有元素都满载时才调用代码，否则找不到。您必须将JQuery 换成这样：

$(document).ready(function(){
    $("._2AkmmA._2Npkh4._2kuvG8._7UHT_c").click();
});

Answer 3

您的代码可能在 DOM 完全加载之前运行。

尝试使用$(document).ready(function(){... 包装您的代码，这将确保内部代码仅在页面文档对象模型 (DOM) 准备好后运行。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
  $(document).ready(function(){
    $("._2AkmmA._2Npkh4._2kuvG8._7UHT_c").click();
  });

  function test(){
    alert('clicked');
  }
</script>

<form><button class="_2AkmmA _2Npkh4 _2kuvG8 _7UHT_c" type="button" onclick="test()"><span class="_279WdV"></span> <!-- -->BUY NOW</button></form>