Question

假设我们有五个SqlConnection conn = new SqlConnection("Server = name; Database = DBname; Integrated Security = True;");并且有像这样的ID

1）divId_1

2）divId_2

4）divId_3

5）divId_4

6）divId_5

我可以为div应用onclick事件，这对于在jquery中使用javascript的所有div都有效我相信如何实现这一点但不确定如何执行此javascript。< / p>

就像在jquery中我们可以这样做

div

我们可以在javascript中实现同样的目标。

Answer 1

这应该有效：

for(var i = 0; i < document.querySelectorAll('[id^="divId_"]').length; i++){
    document.querySelectorAll('[id^="divId_"]')[i].addEventListener("click", function(){ 
        alert("Hello World!"); 
    });
}

Answer 2

您可以使用.querySelectorAll()和.forEach()

    document.querySelectorAll("[id^='divId_']")
    .forEach(function(el) {
      el.onclick = function() {
        console.log(this.id)
      }
    })

<div id="divId_1">click</div>
<div id="divId_2">click</div>
<div id="divId_3">click</div>

如何使用javascript为所有类似的id应用onclick事件

2 个答案: