javascript - 按下假“阅读更多”按钮时触发标签点击

Question

结构如下:

div
  h1
    a
  p
  .more-info

当我点击 .more-info div 时，我需要模拟点击“a”。

 $(".more-info").click(function() {
   $(this).parent().find('h1').find('a').get(0).trigger('click');
 })

这会产生以下错误:

$(...).parent(...).find(...).find(...).get(...).trigger is not a function

输出

 console.log($(this).parent().find('h1').find('a').get(0))

是我需要点击的正确元素。

我尝试过不使用 .get(0) 并在记录时得到关注

 [a, prevObject: jQuery.fn.init(1), context: p.more-info, selector: "h1 a"]

Answer 1

.get(0) 返回 jQuery 对象内的 DOM 元素，但 .trigger() 是一个 jQuery 函数，因此需要对 jQuery 对象进行操作.

但是，如果您在单击链接时尝试模拟浏览器的内置操作，.trigger() 将无法执行此操作。您需要调用 DOM 元素的 .click() 方法。

 $(".more-info").click(function() {
   $(this).parent().find('h1').find('a').get(0).click();
 });

参见How to trigger a click on a link using jQuery