我有一个foreach循环,我需要每2个循环在数据输出周围 Package 一个div
和className='row'
。
这是我的循环
function getUsers(){
usersjson.users.forEach(function (user,counter) {
//create a DOM element
var div = document.createElement('div');
//add class row every 2 loops
div.className = 'row';
//names
var names = "<p>" + user.first_name +' '+user.last_name+"</p>";
//append to html
div.innerHTML = names;
$('.users_list').append(div);
});
}
字符串
这才是真正的样子
<div class="row">
<p>John Doe</p>
<p>Jane Doe</p>
</div>
<div class="row">
<p>Marcy Doe</p>
<p>Alfred Doe</p>
</div>
<div class="row">
<p>Judy Doe</p>
<p>Lana Doe</p>
</div>
//...etc
型
3条答案
按热度按时间eulz3vhy1#
你能试试这个吗:
字符串
dfty9e192#
你的函数可以这样做:
字符串
rjzwgtxy3#
如果数据中的元素不能很好地除以行中的元素数,那么当前的答案可能会有问题。
通过使用
DocumentFragment
,我们可以只更新DOM一次,通过创建和追加元素,我们可以做到这一点,而不必担心打开和关闭标记的数据,不均匀地除以行元素的数量。