假如有N对<ul> <li>标签 如做到点击当前的ul隐藏当前li其它标签不变。如何用jquery来实现。

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

最简单的把html文件ul下里的删除掉，如果不想可以用css隐藏掉

ul li { display: none}这样在网页上不会显示，但是会输出到源码中。

在html中<style type="text/css">ul li { display: none}

</style>在css里直接写ul li { display: none}就ok了

排除这种问题一般从两个方面入手，第一，html写对没有，有可能是没写结束标签或者写成了这个样子"<li>....<li>"，第二，去看看css是不是写了display:none之类的，推荐用新型的浏览器看，这样用开发人员工具可以很容易的看到现在又那些样式作用在当前元素，一般问题都能解决了

---