javascript - 单击带有 jquery 的文本链接

Question

我正在尝试单击此 page 底部的链接带有文字“显示更多公司”。

到目前为止我尝试了这两种方法:

    $('a:contains("Show more companies")').click();
    $('a:contains("Show more companies")').trigger('click');

但我收到此错误:

TypeError: Object <a class="button AjaxPagerLink" href="http://www.trustpilot.co.uk/categories/computer?page=2">
Show more companies </a> has no method 'click' at Request._callback (C:\app.js:42:43)

有什么线索吗？我的命令正确吗？非常感谢任何建议/帮助。

编辑:尝试了所有这些解决方案。遇到同样的错误。

Answer 1

触发类应该很容易，但您应该验证(看起来是这样)是否只有一个具有该类名称的元素。

$(".AjaxPagerLink").trigger("click");

第二个版本触发该页面上的第一个 class="AjaxPagerLink"元素，只是为了进行大胆的猜测。

$(".AjaxPagerLink")[0].trigger("click");

您还可以尝试 [href^="http"] CSS 选择器。

$("a[href^='http://www.trustpilot.co.uk/categories/computer?page']").trigger("click");

<小时/>

一般来说:

使用类和 ID 检索 DOM 元素是最佳实践(因为它也比解析包含的文本更快)。

<a href='companies.html' id='show_companies'>Show more companies</a>

您应该为元素分配一个 ID，然后触发对该 ID 的点击:

$('#show_companies').trigger('click');

只需确保您的 ID 是唯一的(您的页面中必须只有 show_companies 元素)。