Infinitescroll 在检索后获取第一个元素
Infinitescroll get first element after retrieve
我正在我的网站中使用 Infinite scroll。当我向下滚动时很好。但是单击按钮我正在尝试获取数据。所以我用过:
nextpage = $('.selector').infinitescroll('retrieve');
这里添加了我的下一页。但我想添加下一页的第一个元素。所以我试图从变量 "nextpage" 中找到第一个元素并从 :
中获取第一个元素
firstelement = nextpage['0'].firstElementChild.innerHTML
console.log(nextpage['0'].firstElementChild.innerHTML);
这是给第一个元素,但这只是文本版本,不是 html dom 所以我试图从第一个元素中找到一个图像".imglazy",所以我在下面尝试了得到这个。
firstelement = firstelement.parseHTML();
firstelement.find('.imglazy').attr('src');
但这不起作用。谁能帮我找到下一页的第一个元素?是我的流程错了吗?请帮助我。
谢谢
使用jquery
得到html
var firstelement = $('.selector').children().find(':first-child').html();
对于图像,您可以使用
var imagefromfirstelement = $('.selector').children().find(':first-child .imglazy').attr('src');
希望对您有所帮助
尝试记录结果,可以得到一些结果:
console.log(nextpage);
我正在我的网站中使用 Infinite scroll。当我向下滚动时很好。但是单击按钮我正在尝试获取数据。所以我用过:
nextpage = $('.selector').infinitescroll('retrieve');
这里添加了我的下一页。但我想添加下一页的第一个元素。所以我试图从变量 "nextpage" 中找到第一个元素并从 :
中获取第一个元素firstelement = nextpage['0'].firstElementChild.innerHTML
console.log(nextpage['0'].firstElementChild.innerHTML);
这是给第一个元素,但这只是文本版本,不是 html dom 所以我试图从第一个元素中找到一个图像".imglazy",所以我在下面尝试了得到这个。
firstelement = firstelement.parseHTML();
firstelement.find('.imglazy').attr('src');
但这不起作用。谁能帮我找到下一页的第一个元素?是我的流程错了吗?请帮助我。
谢谢
使用jquery
得到htmlvar firstelement = $('.selector').children().find(':first-child').html();
对于图像,您可以使用
var imagefromfirstelement = $('.selector').children().find(':first-child .imglazy').attr('src');
希望对您有所帮助
尝试记录结果,可以得到一些结果:
console.log(nextpage);