获取 - 追加并查找名称为 class 的 div

Question

我得到了代码：

      $.get( nextLink  , function( html ) {     
        $( "#item-cont" ).append($(html).find('#item-cont').html());  
      });

我只想从名称为 class 的项目中获取 div。post（所有 div 来自此 class 名称），现在它在 item-cont 中得到了所有 div（我在那里得到了 deffrents div）。

我该怎么做？我想使用每个 eg:

$( "#item-cont" ).append($(html).each('#item-cont .post').html());

但是好像不行。

Answer 1

假设我已经理解你想要做什么，在这种情况下你不需要使用 each()，只需修改选择器即可。您也可以直接追加节点，这样就可以删除对 html() 的调用。试试这个：

$.get(nextLink, function(html) {     
    $('#item-cont').append($(html).find('#item-cont div.post'));  
});

Answer 2

如果您有很多divs要追加，请使用

$.get(nextLink, function(html) {   
    $(html).find('#item-cont div.post').each(function(){  
        $('#item-cont').append($(this).html());  
    });
});

Answer 3

如果您只想追加 .post div 的内容，那么您可以通过一次操作完成此操作（在 .post div 下使用直接子选择器）。如果可以避免，each 在 jQuery 中是不可取的：

$.get(nextLink, function(html) {     
    $('#item-cont').append($('#item-cont div.post >', html));  
});

如果您还想添加 .post div，

$.get(nextLink, function(html) {     
    $('#item-cont').append($('#item-cont div.post', html));  
});

获取 - 追加并查找名称为 class 的 div

Get - Append and find divs with class name

javascript

each

jquery

get

append