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”);
(
t
h
i
s
)
.
s
i
b
l
i
n
g
s
(
)
.
f
i
n
d
(
"
.
t
c
−
l
i
−
d
e
t
"
)
.
r
e
m
o
v
e
C
l
a
s
s
(
"
t
c
−
l
i
−
d
e
t
−
o
n
"
)
;
c
o
n
s
o
l
e
.
l
o
g
(
(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”));
})