...<li>标签 如做到点击当前的ul隐藏当前li其它标签不变。如何用jquery...

发布网友 发布时间：2024-10-10 08:17

我来回答

共4个回答

热心网友 时间：2024-10-13 12:01

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文件，点击按钮，查看实现的效果。

热心网友 时间：2024-10-13 12:02

jq:

$("ul").click(function(){

    $(this).find("li").hide();//点击哪个  就把哪个下边的li隐藏 $(this)就指的是你点击的ul

//当然 这样会导致 你点击一个就隐藏一个 到最后 没有显示的了

所以可以这样：

 $("ul").find("li").show();

    $(this).find("li").hide();//点哪个隐藏哪个  其他的都显示出来

});

热心网友 时间：2024-10-13 12:07

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('ul').click(function () {

$(this).find('li').hide();

});

3、浏览器运行index.html页面，此时点击第一个ul，其下属的li全部自动隐藏了。

热心网友 时间：2024-10-13 12:01