假如有N对<ul> <li>标签 如做到点击当前的ul隐藏当前li其它标签不变。如何用jquery来实现。
发布网友
发布时间：2022-08-20 11:20
共4个回答
热心网友
时间：2023-11-04 09:29
1、新建一个html文件，命名为test.html，在test.html文件内，使用ul标签、li标签创建一个列表，用于测试。
2、在test.html文件内，给ul标签设置一个id属性，用于获得ul对象。
3、在test.html文件内，创建一个button按钮，给button绑定onclick点击事件，当按钮被点击时，执行addBorder()函数。
4、在js标签内，创建addBorder()函数，在函数内，通过获得li标签对象，使用css()方法设置li对象的边框属性，设置为1px宽，实线，灰色的边框。
5、在浏览器打开test.html文件，点击按钮，查看实现的效果。
热心网友
时间：2023-11-04 09:30
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的<script>标签，输入jquery代码：
$('ul').click(function () {
$(this).find('li').hide();
});
3、浏览器运行index.html页面，此时点击第一个ul，其下属的li全部自动隐藏了。
热心网友
时间：2023-11-04 09:30
<li></li>
<li></li>
<li></li>
</ul>
<ul class="b">
<li></li>
<li></li>
<li></li>
</ul>
jq:
$("ul").click(function(){
$(this).find("li").hide();//点击哪个 就把哪个下边的li隐藏 $(this)就指的是你点击的ul
//当然 这样会导致 你点击一个就隐藏一个 到最后 没有显示的了
所以可以这样：
$("ul").find("li").show();
$(this).find("li").hide();//点哪个隐藏哪个 其他的都显示出来
});
热心网友
时间：2023-11-04 09:31
$("ul li").click(function(){
$(this).hide();
})
