Javascript 显示jquery getjson数据之间的div
我的代码是:Javascript 显示jquery getjson数据之间的div,javascript,jquery,html,Javascript,Jquery,Html,我的代码是: var el = document.getElementById("showcontent"); $.getJSON('ajaxdbtest.php', function(data) { $.each(data, function(n, theData) { el.innerHTML += '<p>'+theData.name+'</p>'; });
var el = document.getElementById("showcontent");
$.getJSON('ajaxdbtest.php', function(data) {
$.each(data, function(n, theData) {
el.innerHTML += '<p>'+theData.name+'</p>';
});
});
var el=document.getElementById(“showcontent”);
$.getJSON('ajaxdbtest.php',函数(数据){
$.each(数据、函数(n、数据){
el.innerHTML+=''+theData.name+'';
});
});
代码返回数据ok。共有40个结果。我希望能够在结果之间添加自定义div。因此,在每5个结果之后,我想添加我的自定义div
自定义DIV
我该怎么做
谢谢。首先,您使用的是jQuery和原生JS方法的奇怪组合。我建议坚持其中一种 为了实现使用jQuery所需的功能,可以使用集合中当前元素的索引(您的
n
变量保存此值)和模运算符来知道每个5的传递时间。试试这个:
var $el = $("#showcontent");
$.getJSON('ajaxdbtest.php', function(data) {
var $target = $el
$.each(data, function(n, theData) {
if (n % 5 == 0 && n != 0)
$target = $('<div />').appendTo($el);
$target.append('<p>' + theData.name + '</p>');
});
});
var$el=$(“#showcontent”);
$.getJSON('ajaxdbtest.php',函数(数据){
变量$target=$el
$.each(数据、函数(n、数据){
如果(n%5==0&&n!=0)
$target=$('').appendTo($el);
$target.append(“”+theData.name+””);
});
});
首先,您使用的是jQuery和原生JS方法的奇怪混合。我建议坚持其中一种 为了实现使用jQuery所需的功能,可以使用集合中当前元素的索引(您的
n
变量保存此值)和模运算符来知道每个5的传递时间。试试这个:
var $el = $("#showcontent");
$.getJSON('ajaxdbtest.php', function(data) {
var $target = $el
$.each(data, function(n, theData) {
if (n % 5 == 0 && n != 0)
$target = $('<div />').appendTo($el);
$target.append('<p>' + theData.name + '</p>');
});
});
var$el=$(“#showcontent”);
$.getJSON('ajaxdbtest.php',函数(数据){
变量$target=$el
$.each(数据、函数(n、数据){
如果(n%5==0&&n!=0)
$target=$('').appendTo($el);
$target.append(“”+theData.name+””);
});
});
谢谢!工作良好唯一的问题是,它在结果开始时也会显示出来。我希望它仅在前5个结果之后启动,并在每5个结果之后循环。您只需检查它不是第一项:
如果(n%5==0&&n!=0)
。您还需要修改确定附加到哪个元素的逻辑。我更新了youThanks heaps mate的答案!我在Framework7中使用了它,它就像一个符咒。如果你能指出一些文档让我更好地理解它,我将不胜感激。谢谢,谢谢!工作良好唯一的问题是,它在结果开始时也会显示出来。我希望它仅在前5个结果之后启动,并在每5个结果之后循环。您只需检查它不是第一项:如果(n%5==0&&n!=0)
。您还需要修改确定附加到哪个元素的逻辑。我更新了youThanks heaps mate的答案!我在Framework7中使用了它,它就像一个符咒。如果你能指出一些文档让我更好地理解它,我将不胜感激。谢谢