如何使Javascript代码针对每个元素单独工作，以使用相同Javascript代码在HTML中创建多个副本

var elements = document.getElementsByClassName('your-class'); // 获取所有具有相同类名的元素
for (var i = 0; i < elements.length; i++) {
  // 在这里执行相同的Javascript代码，可以使用elements[i]来访问当前的元素
}

var elements = document.getElementsByClassName('your-class'); // 获取所有具有相同类名的元素
for (var i = 0; i < elements.length; i++) {
  elements[i].addEventListener('click', function() {
    // 在这里执行相同的Javascript代码，可以使用this来访问当前的元素
  });
}

<div class="your-class" data-id="1"></div>
<div class="your-class" data-id="2"></div>
<div class="your-class" data-id="3"></div>

var elements = document.getElementsByClassName('your-class'); // 获取所有具有相同类名的元素
for (var i = 0; i < elements.length; i++) {
  var id = elements[i].getAttribute('data-id'); // 获取自定义属性值
  // 根据id执行相应的Javascript代码
}