只顯示由AJAX加載的div的一部分

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);