首页 > 其他分享 >关于jquery显示部分li元素的方法

关于jquery显示部分li元素的方法

时间:2023-11-18 15:24:05浏览次数:34  
标签:jquery gt CRT script 元素 li ul 链接

<!--如果大于等于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();
});

 

<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>

来源地址:https://blog.csdn.net/soulwyb/article/details/89225532

---------------------------------------------------------------------------------------------------------

<!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> 来源地址:https://zhidao.baidu.com/question/1432077093545072539.html

标签:jquery,gt,CRT,script,元素,li,ul,链接
From: https://www.cnblogs.com/weibo806/p/17840565.html

相关文章

  • class-validator
    class-validator 0.14.0 • Public • Published ayearago ReadmeCode Beta3Dependencies5,009Dependents57Versionsclass-validator   Allowsuseofdecoratorandnon-decoratorbasedvalidation.Internallyuses validator.js toperfo......
  • linux练习-1
    文件打包、压缩、解压1.tar打包命令使用tar命令将当前目录下的oldFile1和oldFile2文件打包成一个oldFile.tar文件;使用tar命令将当前目录下的oldFile.tar文件解压到当前目录下。2.文件压缩命令使用tar命令将当前目录下的oldFile1和oldFile2文件打包压缩成一个newFile.tar.gz......
  • lightgbm
     test#coding=utf-8importpandasaspdimportnumpyasnpimportmatplotlib.pyplotaspltfromsklearn.model_selectionimporttrain_test_splitfromsklearn.metricsimportmean_squared_error,mean_absolute_error,r2_scorefromsklearn.model_selectioni......
  • 数组类算法题——数组中移除指定元素
    数组中移除指定元素 题目:给你一个数组nums和一个值val,你需要原地移除所有数值等于val的元素,并返回移除后数组的新长度。不要使用额外的数组空间,你必须仅使用O(1)额外空间并原地修改输入数组。元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。解......
  • T399742 Ting'er loves traveling 题解
    LinkT399742Ting'erlovestravelingQuestion给出一个图,使得\(1\)到\(N\)的路径上的最大值最小Solution看到最大值最小想到二分,二分最大值\(top\)然后去check验证能不能从\(1\)走到\(N\)Code#include<bits/stdc++.h>#defineintlonglongusingnamespacest......
  • 《Java编程思想第四版》学习笔记37--关于 TextField的ActionListener接收器
    //:TextNew.java//TextfieldswithJava1.1eventsimportjava.awt.*;importjava.awt.event.*;importjava.applet.*;publicclassTextNewextendsApplet{Buttonb1=newButton("GetText"),b2=newButton("SetText");TextFie......
  • 更新数据状态多大一批比较好另外list里面放可以多少数据由什么决定
    更新数据的批量大小没有一个固定的标准,它取决于多个因素,包括数据库的性能、网络环境、服务器资源以及具体的业务需求。一般来说,使用适当的批量大小可以提高更新操作的效率。如果批量大小过小,会增加数据库连接和网络通信的开销;而如果批量大小过大,可能会占用过多的内存和数据库资源,导......
  • T399751 Liangle's Rose Problem(亮亮的玫瑰问题)题解
    LinkT399751Liangle'sRoseProblem(亮亮的玫瑰问题)Question给出一个数组\(a\),有\(Q\)次询问,每次询问\([L,R]\)种随便挑选几个连续的\(a_i\)使得,他们几个的或的值最大Solution考虑贪心,如果把负数视为\(0\),那么一个数或上另外一个数,数肯定是变大的,那么就应该或上\(......
  • mysql数据库ERROR 1193 (HY000): Unknown system variable 'validate_password_policy
    一、概况  平时我们安装完数据库,需要进行对应的密码或者密码策略修改,此时需要mysql的密码验证插件。MySQL可能没有这个插件,就需要进行相应的处理。二、问题描述mysql>setglobalvalidate_password_policy=0;ERROR1193(HY000):Unknownsystemvariable'validate_passw......
  • webpack的分包split-chunks 配置及策略
    splitChunks是webpack中用于分包的配置选项之一,它主要用于控制如何拆分代码块,以优化资源加载和减小文件体积。splitChunks配置可以在webpack4.x版本及更高版本中使用。以下是一些常见的splitChunks配置示例和说明: 上述配置中的参数及其含义如下:chunks:'all':指......