Question

我有一组HTML代码中的图片：

<img name="image[]" />
<img name="image[]" />
<img name="image[]" />`

我想在使用JavaScript点击它们时访问所有这些内容？谢谢。

Answer 1

var elements = document.querySelectorAll("img[name='image\[\]']");

for(var i = 0; i < element.length; i++){
    elements[i].addEventListener("click", someFunc, false);
}

function someFunc(e){
   // you can use the `elements` array to access them all
   // or simply the `this` for the particular element clicked on
   this.src = "http://placehold.it/400x400";
}

纯JS解决方案。

Demo here

Answer 2

$('name="image\\[\\]"').on('click', function() {
    var this_one = this; // "this" is the clicked one
});

没有jQuery，它就像是

var img = document.querySelectorAll('[name=image\\[\\]]');

for (var i=img.length; i--;) {
    img[i].addEventListener('click', handler, false);
}

function handler() {
    // "this" is the clicked image
}

FIDDLE

如何使用相同的名称属性访问img标记

2 个答案: