下面是一个示例代码,实现了一个ACF重复器,并将前10行显示在一个div中,将其他行放入另一个div中:
HTML部分:
JavaScript部分:
// 获取ACF重复器的所有行
var rows = document.querySelectorAll('.acf-row');
// 遍历每一行
rows.forEach(function(row, index) {
// 如果是前10行
if (index < 10) {
// 将行内容添加到top-rows div中
document.getElementById('top-rows').appendChild(row);
} else {
// 将行内容添加到remaining-rows div中
document.getElementById('remaining-rows').appendChild(row);
}
});
上述代码会将ACF重复器的所有行存储在一个变量rows
中,然后遍历每一行。如果行的索引小于10,将其添加到id为top-rows
的div中;否则,将其添加到id为remaining-rows
的div中。这样就实现了将前10行显示在一个div中,并将其他行放入另一个div中的功能。