javascript - URL から最初の 4 つの画像を取得して追加する

Question

それだけです。URL から最初の 4 つの画像を取得し、指定した要素に追加するにはどうすればよいですか

このようなもの：

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

Answer 1

これを試して

$('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");
             }
       });
   });
});

Answer 2

これを試して：

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

Answer 3

$.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");
});

Answer 4

thingHTML を含む ことを期待している場合は、試してください

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

.find('img')子孫でのみ検索するため、直接thing含まれている場合はimg機能しません。filter()代わりにhttp://jsfiddle.net/ouadie/UnNd9/を試してください

filter() – すべての要素を検索します。
find() – すべての子要素のみを検索します。
http://www.mkyong.com/jquery/difference-between-filter-and-find-in-jquery/