jquery 只显示前面一部分 Li 后面一部分点击后显示应该怎么做?

HTML是这样的<divclass="one"><ul><li>我是链接1</li><li>我是链接2</li><li>我是链接3</li><!--如果大于等于3只显示到... HTML是这样的
<div class="one">
<ul>
<li>我是链接1</li>
<li>我是链接2</li>
<li>我是链接3</li> <!--如果大于等于3只显示到这里剩下的 4 和 5不显示-->

<li>我是链接4</li>
<li>我是链接5</li>
<li>查看更多链接</li><!--点这个显示 4 和 5 -->

</ul>

</div>

希望有人知道,先谢谢啦!~
展开
 我来答
yugi111
2015-04-08 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.3亿
展开全部
<!DOCTYPE HTML>
<html>
<head>
<title>yugi</title>
<meta charset=UTF-8 />
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
var CRT = 3; // 如果大于等于3
    jQuery (function ($)
    {
    $ ("div.one li").filter ("li:gt(" + (CRT - 1) + ")").hide ().filter (":last").show ().click (function ()
    {
    $ (this).siblings ("li:gt(" + (CRT - 1) + ")").toggle ();
    });
    });
</script>
</head>
<body>
<div class="one">
<ul>
<li>我是链接1</li>
<li>我是链接2</li>
<li>我是链接3</li>
<!--如果大于等于3只显示到这里剩下的 4 和 5不显示-->
<li>我是链接4</li>
<li>我是链接5</li>
<li>查看更多链接</li>
<!--点这个显示 4 和 5 -->
</ul>
</div>
</body>
</html>
qiaole123
2015-04-08 · TA获得超过3413个赞
知道大有可为答主
回答量:1408
采纳率:66%
帮助的人:968万
展开全部
<!--如果大于等于3只显示到这里剩下的 4 和 5不显示-->

$('.one ul li:gt(3)').hide();
$('.one ul li:last').show();

<!--点这个显示 4 和 5 -->

$('.one ul li:last').click(function(){
$('.one ul li:gt(3)').show();
});
更多追问追答
追问
那怎么让它再次点击还能显示到3隐藏4和5呢?
追答
在click事件判断小雨3的是否隐藏,隐藏则显示,否则显示4,5
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
落雨同乐3E
2015-04-08 · TA获得超过352个赞
知道小有建树答主
回答量:815
采纳率:66%
帮助的人:343万
展开全部
$(".one li").hide();
var a= $(".one li");
for(int i in a){
if(i < 3){
a[i].show();
}

}
手打的无测试 请自己测试下
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式