2013-05-02 36 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"); 
      } 
     }); 
    }); 
});