Jquery在每个内部的div中包含多个标记

时间:2014-06-03 01:05:45

标签: jquery html css

每个

$.each(data.responseData.feed.entries, function (index, item) {

                          $('.feed')
                             .append( '<h1><a href='+item.link+'>'+ item.title+'</a></h1>')
                             .append('<span>'+item.publishedDate+'</span></br>')
                             .append('<span>'+item.contentSnippet + '</span>');


                        });

Jquery每个循环的结果:

<h1>Title</h1>
<span>Description</span><br/>
<span>Date</span>

我期待:

<div class="news">
<h1>Title</h1>
<span>Description</span><br/>
<span>Date</span>
</div>

1 个答案:

答案 0 :(得分:0)

不确定你的意思&#34; jQuery每个循环的结果&#34;在这种背景下。 $ .each在给定您使用的选择器的情况下循环遍历一组元素(或可能是常规数组)。如果没有更多的上下文,我只能告诉你如何以两种方式包装元素。

第一种方法是在页面上包装元素,例如,如果上面的内容是选择器匹配(或其他)中的一组元素,则可以像使用$.wrapAll一样包装它们

$(yourelements).wrapAll('<div class="news">');

如果您将上述HTML作为字符串,那么它很容易包装该元素块:

var html = "<h1>Title</h1>"
           + "<span>Description</span><br/>"
           + "<span>Date</span>",
    news = $('<div class="news">').innerHTML(html);

同样,我需要更多关于你所指的每个循环的背景信息,以便提供更好的解决方案。