有没有一种方法可以在div中循环，并获得被单击以添加类的div？

<div id="container">
  <div class="box">Div 1</div>
  <div class="box">Div 2</div>
  <div class="box">Div 3</div>
  <div class="box">Div 4</div>
</div>

// 获取容器元素
var container = document.getElementById("container");

// 获取所有的div元素
var divs = container.getElementsByClassName("box");

// 循环遍历每个div元素
for (var i = 0; i < divs.length; i++) {
  // 添加点击事件监听器
  divs[i].addEventListener("click", function() {
    // 添加类
    this.classList.add("clicked");
  });
}

.clicked {
  background-color: yellow;
}