javascript - jQuery click() 在 Google Chrome 扩展程序中不起作用

Question

我正在编写一个插件来为我自己在亚马逊卖家中心仪表板中处理有用的信息。

由于某些原因，下一页 链接上的 click() 调用不会从上下文脚本内部触发。

代码正在运行，但这什么都不做:

var $next = $('a:contains(Next)');
$next.click();

但奇怪的是这有效:

var $next = $('a:contains(Next)');
window.location = $next.attr("href");

链接的 HTML 示例是:

<td align="right" valign="middle" width="60%" class="tiny">
    <nobr>&nbsp;&nbsp;&nbsp;<a href="https://sellercentral-europe.amazon.com/gp/feedback-manager/view-all-feedback.html?ie=UTF8&amp;currentPage=2&amp;dateRange=&amp;descendingOrder=1&amp;pageSize=50&amp;sortType=Date">Next</a>
    </nobr>
</td>

在 Chrome 扩展程序中运行点击事件是否有任何限制？在另一页上按下按钮效果很好(尽管结构不同 - 见下文):

<a class="buttonImage" name="View all your feedback" href="https://sellercentral-europe.amazon.com/gp/feedback-manager/view-all-feedback.html/ref=fb_fbmgr_vwallfb?ie=UTF8&amp;dateRange=&amp;descendingOrder=1&amp;sortType=Date">
    <span class="awesomeButton buttonLarge primaryLargeButton inner_button">
        <span class="button_label">View all your feedback</span>
    </span>
</a>

Answer 1

DOM 元素 have a native .click() method .因此，以下示例有效:

$('a')[0].click() (example)

$('a').get(0).click() (example)

document.querySelector('a').click() (example) - _{值得指出的是 jQuery 不是必需的}

相关W3 documentation .

---

这让我假设您在选择元素集合(jQuery 对象)时无法以编程方式更改 URL。我想您需要选择单个 DOM 元素。因此，以下应该有效:

var $next = $('a:contains(Next)');
$next[0].click();