Question

我已经阅读了很多关于“循环”但我不确定如何循环上述这些元素：

$("#equipment1").click(Image1Click)
$("#equipment2").click(Image2Click)
$("#equipment3").click(Image3Click)
$("#equipment4").click(Image4Click)
$("#equipment5").click(Image5Click)

我知道数字会是i但是我被困在这里。

更新：

Image2Click等是执行不同功能的函数，因此我无法使用类来执行此操作

Answer 1

我同意@techfoobar：

这就是你的代码的编写方式：

将您的HTML更改为此类

<div class="clickable-equipment" your-data="e1"></div>

现在您的JavaScript代码将执行以下操作

$('.clickable-equipment').click(function(/* see jQuery Documentation of function options */){
var equipment = $(this).attr('your-data'); 

// now equipment = "e1"
// keep processing from here...
});

祝你好运！

Answer 2

var myArray = [];

myArray[] = {key: "#equipment1", value: Image1Click};
//...

for (var i = 0; i < myArray.length; i++) {
    $(myArray[i].key).click(myArray[i].value);
}

如何使用Javascript循环某些HTML元素？

2 个答案: