jqueryul>li jqueryulli点击标签却换

...当前的ul隐藏当前li其它标签不变。如何用jquery来实现。

新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。

创新互联公司是一家专业提供乐亭企业网站建设,专注与成都网站设计、成都网站制作、H5高端网站建设、小程序制作等业务。10年已为乐亭众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

首先你应该把div都分好，这样不仅有条理，而且便于写css，有时候还有相应的id应该加上，因为你要分别对待元素。不过相似的元素可以用循环来写。

一种就是控制大框架的高度，超出隐藏，然后Js是控制点击显示的时候高度自适应，点击隐藏的时候高度为设置的高度。

/ul /li 隐藏是 .style.display = none 恢复是 .style.display = 这个 $(.reply-qts-item) 是用 jQuery 提供的根据 css 表达式查找某个 class = reply-qts-item 的节点。

1、功能思路：展现一个UL，然后设计一个按钮，通过绑定删除函数，点击时删除所有LI节点。实例演示如下：设计简单的一个页面，其中html代码如下：简单的样式文件：此时的页面内容展示如下：设计JS代码，实现删除函数。

2、删除指定元素首先得选择它。如：(ul li) 这个表示选择ul下所有的li。(ul li) .remove()；//表示删除所有的li。(ul li：eq(0)).remove()//表示删除第一个li。0 表示第一个 1表示第二个以此类推。

3、使用jquery脚本库，因此先引入jquery脚本文件。html代码里，就是一个ul列表，里面有二个img控件，还有一个按钮。要注意的是给ul加了一个样式名。使用jquery，先为按钮添加一个点击事件。

使用jquery库的函数：remove()。功能思路：展现一个UL，然后设计一个按钮，通过绑定删除函数，点击时删除所有LI节点。

删除指定元素首先得选择它。如：(ul li) 这个表示选择ul下所有的li。(ul li) .remove()；//表示删除所有的li。(ul li：eq(0)).remove()//表示删除第一个li。0 表示第一个 1表示第二个以此类推。

思路：读取所有li元素的文本→剔除重复值→删除所有li元素→生成非重复的li元素。

最简单的把html文件ul下里的删除掉，如果不想可以用css隐藏掉 ul li { display： none； }这样在网页上不会显示，但是会输出到源码中。

删除元素和内容，可以通过jquery的remove()和empty()方法，remove()删除选择的元素和子元素，empty()只删除选中元素的子元素。

1、使用jQuery动态加载UL标签中的li标签的方法：首先获取到数据。在这里模拟创建一个数组用于测试数据集。第二步，创建一个button点击事件。

2、通过 $(#top_menu li：first) 就可以获取到 ul下第一个li标签。

3、可以考虑用length属性， jquery代码： $(“#ulname li”).length。ul 是 Unordered List（无序列表）的缩写。与之相对的有ol有序列表标签，列表里的项目用li标签记述，所有主流浏览器都支持 ul 标签。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容