从网址获取并附加前四个图像

时间:2013-05-02 13:18:28

标签: javascript jquery html dom

这就是它,我如何从任何网址获取前四个图像然后将它们附加到指定的元素

类似的东西:

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

4 个答案:

答案 0 :(得分: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");
             }
       });
   });
});

答案 1 :(得分:1)

试试这个:

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

答案 2 :(得分:0)

如果您希望thing包含HTML,请尝试

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

.find('img')仅在后代中进行搜索,因此如果您的thing包含img,那么它将无效,请尝试filter() {{3 }}

  

filter() - 搜索所有元素     find() - 仅搜索所有子元素   http://jsfiddle.net/ouadie/UnNd9/

答案 3 :(得分: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");
});