javascript - 如何获取图像数组中的特定按钮 ID

Question

我试图仅获取数组中具有特定 src srcA 的图像的父按钮 ID。感谢您的帮助。

var images = document.getElementById('con').getElementsByTagName('img');
var myImg = [];
for (var i = 0; i < images.length; i++) {
  if (images[i].src == "srcA")
    myImg.push(images[i]);
  alert(images[i].parent.id);
}

<div id="con">
  <button id="ba"><img id="sa" src="srcA"></button>
  <button id="bb"><img id="sb" src="srcB"></button>
  <button id="bc"><img id="sc" src="srcC"></button>
  <button id="bd"><img id="sd" src="srcD"></button>
  <button id="be"><img id="se" src="srcE"></button>
  <button id="bf"><img id="sf" src="srcF"></button>
</div>

我得到一个错误 images[i].parent is undefined

请不要使用 jQuery。

Answer 1

我很确定你可以使用:

var imgSRCAParent = document.querySelector("img[src='srcA']").parentElement;

我检查了一下，它有效。

希望这有帮助!!!