一个菜鸟的互联网技术分享博客
您的位置: 主页 > jQuery如何解决相同class名下相同的p标签点击淡入
advertisement

jQuery如何解决相同class名下相同的p标签点击淡入

在写页面的时候要出现一个淡入淡出的特效,首选当然是jQuery的fadeToggle()属性了,但是代码里面的li下p的class或者id名都一致,那么就问题来了,当li的个数超过一个时,当你点击里面的任何一个li时,其他的li都会展开,这就很鸡儿蛋疼了。

效果图如下:
     

代码图如下:


解决方法:

(1)选择某一个对象利用jquery中的Sibling,Parent,Children等方法向上或者向下查找即
(2)注意:如果该标签是input标签取值用val方法,如果为其他用html或者text方法
(3)延伸下:可以利用当前事件的this来快速获得class的值,如果可能的话,或者利用find方法来快速查找,更加快捷
(4)
       
$(".tab-left-question ul li").click(function(e){
              $(this).children(".li_content").fadeToggle("slow");
        });
zhangren.online
上一篇:使用boostrap框架里的模态框时出现input无法获取焦
下一篇:li、span、p等元素下的文字超出部分省略号

您可能喜欢

​使用Proxy、Reflect实现双向绑定

​使用Proxy、Reflect实现双向绑定

​js实现九九乘法口诀

​js实现九九乘法口诀

​js获取一个对象的长度

​js获取一个对象的长度

​CSS控制文字,超出部分显示省略号

​CSS控制文字,超出部分显示省略号

回到顶部