Convert jQuery statement to javascript

Question

How can I convert the following statement from jQuery to javascript?

$("#tool_container .tool_wrap div").click(function () {

I tried:

document.querySelector("#tool_container .tool_wrap div").addEventListener("click", function(evt) {

document.querySelectorAll("#tool_container .tool_wrap div").addEventListener("click", function(evt) {

document.querySelector("#tool_container").querySelector(".tool_wrap").querySelector("div").addEventListener("click", function(evt) {

https://stackoverflow.com/questions/10693845/what-do-queryselectorall-and-getelementsby-methods-return — epascarello, Jul 10 '22 at 02:16

score 2 · Accepted Answer · edited Jul 10 '22 at 02:15

2

querySelectorAll() returns a list, you have to iterate over it.

document.querySelectorAll("#tool_container .tool_wrap div").forEach(
    div => div.addEventListener("click", function(evt) { ... })
);

edited Jul 10 '22 at 02:15

enhzflep

12,927
2
32
51

answered Jul 10 '22 at 02:13

Barmar

741,623
53
500
612

Convert jQuery statement to javascript

1 Answers1