javascript - 如何访问数组中对象中的 img 标签的属性？

Question

我有一个由两个对象组成的数组，如下所示:

x = {
        word: "Gun",
        pic: "<img id='pic' src='images/stimuli/gun.gif'/>",
    }, {
        word: "Hammer",
        pic: "<img id='pic' src='images/stimuli/hammer.gif'/>",
    }

我必须通过 src 属性将此数组的第一个元素与另一个图像标签 y 进行比较:

<img id="pic11" height="115" width="90" src="images/stimuli/gun.gif"/>

我尝试了这个比较，它给出了“未定义不是一个函数”:

x[0].pic.attr('src') == pic11.src

如果我像这样登录到控制台: console.log($(x[0].pic).attr('src')) 它可以工作，我得到 images/stimuli/gun.gif 但我无法通过脚本中的变量 x 访问。

换句话说，我无法访问数组中对象的 img 标签的 src 属性。我该怎么做？

Answer 1

从 pic 属性创建一个 jQuery 对象，并像您想要的那样使用 .attr() 。

var img1 = $(x[0].pic);
var src = img1.attr('src');