Question

我正在使用cross-domain-ajax jQuery插件将一些异地内容加载到我的页面中。

我加载的div在原始源网站上看起来像这样：

 <div class="trkp-hdr-img"><a href="/title/501166/cause-your-lies-ep"><img src="http://geo.static.traxsource.com/files/images/478052.jpg" /></a></div>

我加载它的方式是这样的：

 $.ajax({
url: 'http://www.traxsource.com/track/2655665/cause-your-lies',
type: 'GET',
success: function(res) {
    var artwork = $(res.responseText).find('.trkp-hdr-img').html();
    $('.mydiv').html(artwork);
}
});

这有效，但我想知道是否可以只返回这个div的img src部分，所以它只显示图像的链接。

我知道如果图像已经在它自己的div中，这将很简单，但是因为它被包裹在标签中所以不可能。

是否有任何jQuery魔法可以找到这个div然后过滤掉除img标签以外的所有内容？

Answer 1

尝试更改此行：

var artwork = $(res.responseText).find('.trkp-hdr-img').html();

这个：

var artwork = $(res.responseText).find('.trkp-hdr-img img');

它应该返回一个带有img元素的对象。

更新（来自评论）

如果您想添加自定义高度和宽度属性，请在上面的行之后添加此行。

// dimensions are in pixels (in this case (200x200)
$(artwork).attr('width', 200).attr('height', 200);

仅显示由AJAX

1 个答案: