Javascript 如何在单击时使用Jquery将所有元素作为目标

只有第一个元素被单击，而不是所有元素，如何对所有元素发出警报

var btn=document.querySelector.box i； btn.onclick=函数{ 提醒“你好”； }

---

尝试将querySelectorAll用于全选，然后将onclick吸引到所有元素

var btnlist=document.queryselectoral.box i； btnlist.forEachelement=>{element.onclick=function{ 提醒“你好”； }};

---

尝试将querySelectorAll用于全选，然后将onclick吸引到所有元素

var btnlist=document.queryselectoral.box i； btnlist.forEachelement=>{element.onclick=function{ 提醒“你好”； }};

---

尽管问题的标题是这样的，但您目前没有在代码中使用jQuery。因此，我提供了两种解决方案：

jQuery：

jQuery'.box i'.clickfunction{ 提醒“你好”； }; 纯JS

window.addEventListener'click'，函数E{ //或e.target.classList.包含'fa-address-book-o' 如果e.target.className==='fa-address-book-o'{//最好添加一些额外的类来标识元素，例如fireAlert。 提醒“你好”； } };

---

或者，您可以使用查询选择器选择图标，并将单个事件侦听器添加到循环中的所有图标中，但这对性能有害&通常认为这不是一件好事。

尽管问题的标题是这样的，但您目前在代码中不使用jQuery。因此，我提供了两种解决方案：

jQuery：

jQuery'.box i'.clickfunction{ 提醒“你好”； }; 纯JS

window.addEventListener'click'，函数E{ //或e.target.classList.包含'fa-address-book-o' 如果e.target.className==='fa-address-book-o'{//最好添加一些额外的类来标识元素，例如fireAlert。 提醒“你好”； } };

---

或者，您可以使用查询选择器选择图标，并将单个事件侦听器添加到循环中的所有图标中，但这对性能有害&通常认为这不是一件好事。

它仅对第一个元素起作用的原因是，使用方法将仅选择满足选择器条件的第一个元素，为了能够选择您必须使用的所有元素，这些元素将返回一个可以像这样迭代的元素：

var btns=document.queryselectoral.box i； btns.forEachel，i=>{ el.onclick=函数{ console.log`Hello！${i}`； } }; 1. 2. 4. 5.

---

它仅对第一个元素起作用的原因是，使用方法将仅选择满足选择器条件的第一个元素，以便能够选择您必须使用的所有元素，这些元素将返回一个可循环的元素，如下所示：

var btns=document.queryselectoral.box i； btns.forEachel，i=>{ el.onclick=函数{ console.log`Hello！${i}`； } }; 1. 2. 4. 5.

---

您是否意识到该代码中没有使用jQuery，也没有您接受的答案？您是否意识到该代码中没有使用jQuery，也没有您接受的答案？