700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > JQ点击改变当前元素子元素的样式 点击兄弟元素移除当前元素子元素样式

JQ点击改变当前元素子元素的样式 点击兄弟元素移除当前元素子元素样式

时间:2024-04-29 17:54:16

相关推荐

JQ点击改变当前元素子元素的样式 点击兄弟元素移除当前元素子元素样式

pt为当前元素,pz-li-on为父元素点击改变的样式名

找到当前元素的子元素 tc-li-tt 和 tc-li-det 分别加上样式,

然后点击其他兄弟元素后,移除当前元素子元素样式

代码如下:

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

$(this).addClass(“pz-li-on”).siblings().removeClass(“pz-li-on”)

$(this).find(".tc-li-tt").addClass(“tc-li-tt-on”);

$(this).siblings().find(".tc-li-tt").removeClass(“tc-li-tt-on”);

$(this).find(".tc-li-det").addClass(“tc-li-det-on”);

(this).siblings().find(".tc−li−det").removeClass("tc−li−det−on");console.log((this).siblings().find(".tc-li-det").removeClass("tc-li-det-on"); console.log((this).siblings().find(".tc−li−det").removeClass("tc−li−det−on");console.log((this).attr(“data-id”));

})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。