Javascript 有没有办法在jquery中从某个索引到某个索引获取子级
我在Javascript 有没有办法在jquery中从某个索引到某个索引获取子级,javascript,jquery,Javascript,Jquery,我在中有一些记录 <ul id="parent"> <li> 1st record </li> <li> 2nd record </li> <li> 3rd record </li> <li> 4th record </li> // and so on </ul> <a href="#" id="loadMore"> Load
中有一些记录
<ul id="parent">
<li> 1st record </li>
<li> 2nd record </li>
<li> 3rd record </li>
<li> 4th record </li>
// and so on
</ul>
<a href="#" id="loadMore"> Load More</a>
- 第一记录
- 第二记录
- 第三记录
- 第四记录
//等等
最初我只向用户显示了3个li元素,现在我必须在每次加载时再显示3个li元素。所以我看起来像是$('parent').children('li',3,6).show()代码>我在第一次ajax调用时加载了所有数据,但在第一次页面加载时只显示了3个数据。jQuery
你可以做:
//显示前3个
$(“#parent”).children(“li”).slice(0,3.show();
$(“a”)。在(“单击”,函数(){
//抢四里
单击的变量=$(“li:n子项(4)”)。是(“:可见”);
//检查是否可见
如果(单击){
//如果是,显示最后3个
$(“li”).slice(6,9.show();
}否则{
//如果不是,则显示第二个3
$(“li”).slice(3,6.show();
}
})
#李家长{
显示:无;
}
- 第一记录
- 第二记录
- 第三记录
- 第四记录
- 第五记录
- 第六记录
- 第七记录
- 第八记录
- 第九记录
您可以使用jQuery,它获取第一个n
项
如果我们将选择范围缩小到元素,则每次都会递增地显示下一个n
元素
让resultsPerClick=3;
$(“#加载更多”)。单击(函数(){
$(“#父li:hidden:lt(“+resultsPerClick+”)).show();
});代码>
- 第一记录
- 第二记录
- 第三记录
第四条记录
6条记录
7条记录
8条记录
9条记录
10条记录
11条记录
12条记录
您想显示它们还是从服务器加载它们?所以您想在一次单击时显示6,在第二次单击时显示9,等等?@putvande是的。此方法可能适用于OP的示例,但在添加或删除项目时会失败。OP没有说明这种情况,我们可以推测。
$('#parent').children('li').slice(3, 6).show();