如何使用querySelectorAll上的JavaScript触发点击事件 [英] How to trigger click event using JavaScript on querySelectorAll

问题描述

在jQuery中，我有以下代码：

$ $ $（li＃credit）。trigger（'click'）;

此代码仅触发id为id的li上的click事件。

现在使用JavaScript来完成此操作

  document.querySelectorAll（李＃信用）点击（）。 
  

我收到错误：

click（）不是函数

我工作的页面有多个ID为credit ，我只需要在具有id信用的< li> 上触发点击事件。

解决方案

我发现这个清洁简单。

  Array.from（document.querySelectorAll（ali＃credit））。forEach（button => button.click ））
  

来自这个网站： https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/#comment-1602558

In jQuery i have the following code

$("li#credit").trigger('click');

This code triggers the click event only on li that has id credit.

Now to do this using JavaScript

document.querySelectorAll("li#credit").click();

I am getting the error:

click() is not a function

The page I am working have multiple elements with id "credit", I need to trigger a click event only on <li> that has id credit.

解决方案

I found this one is clean and simple.

Array.from(document.querySelectorAll("ali#credit")).forEach(button=>button.click())

from this site: https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/#comment-1602558

这篇关于如何使用querySelectorAll上的JavaScript触发点击事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！