2013-05-02 49 views
0

追加第一四象那是相當多了,我如何才能從任何URL中的前四個圖像,然後追加給指定的元素獲取和URL

是這樣的:

$('document').ready(function(){ 
var thing = $.get('thing.html'); 
thing.slice(0,2).appendTo(".appending"); 
}); 
+0

請說明正確和後置HTML ... – 2013-05-02 13:22:17

回答

0

如果你希望thing包含HTML,嘗試

$('document').ready(function(){ 
    var thing = $.get('thing.html'); 
    $(thing).filter('img').slice(0,4).appendTo(".appending"); 
    }); 

.find('img')搜索只在後代所以如果您thing包含img direcly這是行不通的,嘗試filter()代替http://jsfiddle.net/ouadie/UnNd9/

過濾器() - 通過所有元素進行搜索。
find() - 僅搜索所有子元素。
http://www.mkyong.com/jquery/difference-between-filter-and-find-in-jquery/

1

試試這個:

$('document').ready(function(){ 
    var thing = $.get('thing.html'); 
    thing.find('img').slice(0,4).appendTo(".appending"); 
}); 
0
$.get('thing.html', function(html){ 
    //depending on what 'html' is made of, you may need to wrap it in a node 
    var $imgs = $(html).find('img').slice(0,4); 
    $(imgs).appendTo(".appending"); 
}); 
+0

我不認爲你需要用他們在jQuery中,因爲'.slice()'** [..]給定一個代表一組DOM元素的jQuery對象,.slice()方法構造了一個新的jQuery對象,其中包含由開始指定的元素的子集,[...] ** http://api.jquery.com/slice/ – Ouadie 2013-05-02 13:50:13

+0

哦,我的壞,不知道jQuery重新定義它。 Thx指出它。 – LeGEC 2013-05-02 14:21:15

2

試試這個

$('document').ready(function() { 
    var thing = $.get('HTMLPage.htm', 
    function (markup, b) { 
     var $page = $(markup); 
     $page.each(function (index, item) { 
      if (item.tagName == "IMG") { 
       $(item).appendTo(".appending"); 
      } 
     }); 
    }); 
});