javascript - jQuery 无法读取未定义的属性 'setAttribute'

Question

我在我的网站上实现了图像切换。它工作得很好，但我按照我的意愿改变了它。代码如下:

if (src) { $$('#' + id + ' a.product-image img').first().setAttribute("src", src);}

我把它改成:

if (src) { $$('#' + id + ' a.product-image img').first().setAttribute("src", src); 
           $$('#' + id + ' a.popup-image img').first().setAttribute("src", src); 
         }

我只是添加了一个需要更改的图像源。但是当我在我的网站上运行它时，出现以下错误:

Uncaught TypeError: Cannot read property 'setAttribute' of undefined 

我已经检查了该元素是否存在以及是否可以通过将以下代码添加到我的脚本中找到它:

if('#' + id + 'popup-image' == 0){
    console.log("fail");
}else{
    console.log("found");
}

它每次都会返回 found。我已将我的代码更改为:

$$('#' + id + ' a.popup-image img').first().setAttribute("src", src); 

但随后出现以下错误:

Uncaught TypeError: Cannot read property 'first' of null

我该如何解决这个问题？

Answer 1

如果您想使用 JavaScript setAttribute() 函数，您必须通过引用其数组的第一项 [0] 来访问 jQuery 对象中的 HTMLElement >，像这样:

 $('#' + id + ' a.product-image img')[0].setAttribute("src", src);

调用first()会返回一个jQuery对象；使用这种方法，您必须使用 attr() ，因为 jQuery 中没有 setAttribute() 方法。

尝试:

 $('#' + id + ' a.product-image img').eq(0).attr("src", src);

或:

$('#' + id + ' a.product-image img:first').attr("src", src);

或者您可以使用 get()它接受一个索引参数，传递 0 将返回第一个元素:

$('#' + id + ' a.product-image img').get(0).attr("src", src);