jquery - 如果 Dom 对象只有一个元素，则 Jquery 变量返回未定义

Question

我在我的 wordpress 插件上使用此代码来返回用户在 wordpress 媒体上传器中选择的图像的 src。

如果只有上传者屏幕返回的图像，此代码不返回图像src的问题。

jQuery代码：

window.send_to_editor = function(html) {
alert(html);
imgurlv = jQuery(html).find('img').attr('src');
alert(imgurlv);
     jQuery(targetfield3).val(imgurlv);
     tb_remove();
}

例子：

上传者返回的代码是：

<a class="shutterset_" href='http://localhost/1/wp-content/gallery/bm/01.jpg' title=''><img src='http://localhost/1/wp-content/gallery/bm/thumbs/thumbs_01.jpg' alt='01' class='ngg-singlepic ngg-none' /></a>

img src 是这样返回的：http://localhost/1/wp-content/gallery/bm/thumbs/thumbs_01.jpg

但是如果上传者返回的代码是这样的：

<img src='http://localhost/1/wp-content/gallery/bm/thumbs/thumbs_01.jpg' alt='01' class='ngg-singlepic ngg-none' />

jquery 代码返回undefined。

怎么了？

Answer 1

你可以破解它：

imgurlv = jQuery("<div>" + html + "</div>").find('img').attr('src');

问题是，“查找”查看当前元素的子元素。在第二种情况下，img元素是顶级元素，因此它的子元素都没有src要查找的属性。