Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法在jquery中从某个索引到某个索引获取子级_Javascript_Jquery - Fatal编程技术网

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();
});

  • 第一记录
  • 第二记录
  • 第三记录
  • 第四条记录
  • 5条记录
  • 6条记录 7条记录 8条记录 9条记录 10条记录 11条记录 12条记录
您想显示它们还是从服务器加载它们?所以您想在一次单击时显示6,在第二次单击时显示9,等等?@putvande是的。此方法可能适用于OP的示例,但在添加或删除项目时会失败。OP没有说明这种情况,我们可以推测。
$('#parent').children('li').slice(3, 6).show();