Jquery 将类添加到标题<;h1>;如果李有课
我一直在摆弄我的代码,但我不能让它正常工作 我有三个列表,每个列表都有一个h1标题。如果单击li,它将切换类以高亮显示它,我希望列表的标题获得高亮显示类 到目前为止,每个头都得到了类,除了一个,它应该是。不知道我做错了什么…:/ 有人能帮我吗 这是我的密码:Jquery 将类添加到标题<;h1>;如果李有课,jquery,parent,addclass,Jquery,Parent,Addclass,我一直在摆弄我的代码,但我不能让它正常工作 我有三个列表,每个列表都有一个h1标题。如果单击li,它将切换类以高亮显示它,我希望列表的标题获得高亮显示类 到目前为止,每个头都得到了类,除了一个,它应该是。不知道我做错了什么…:/ 有人能帮我吗 这是我的密码: $(“.add btn”)。单击(函数(){ $(this.toggleClass(“隐藏我”); $(此).toggleClass(“添加”); if($(“.label wrap ul li”).hasClass(“已添加”)){ $
$(“.add btn”)。单击(函数(){
$(this.toggleClass(“隐藏我”);
$(此).toggleClass(“添加”);
if($(“.label wrap ul li”).hasClass(“已添加”)){
$(“.label wrap”).parent().find(“.header label”).closest(“h1”).addClass(“top added”);
}否则{
$(“.label wrap h1”).removeClass(“顶部添加”);
}
});代码>
。隐藏我{
颜色:rgba(0,0,0,0.1);
}
.补充{
颜色:rgba(0,0,0,1);
}
.顶部添加{
颜色:rgba(0,170,200,1);
}
.删除btn{
宽度:25px;
高度:25px;
填充:10px;
}
.添加btn{
宽度:25px;
高度:25px;
填充:10px;
}
.konf-wrapper-1{
左边距:50像素;
}
.konf-wrapper-2{
边缘顶部:60像素;
左边距:50像素;
}
李康夫先生{
填充:10px0;
字体大小:400;
宽度:100%;
文本对齐:左对齐;
}
.konf标签h1{
字体大小:大号;
字号:600;
文本对齐:左对齐;
边框底部:1px纯色灰色;
}
康采普
Zielgruppendefinition
- 社区战略
科穆尼卡提斯马·纳赫曼
exposeé
文本设计
- Außenwerbung
- Bautafelgestaltung
- Geschäfts-&Presseberichte
网络营销
- 网站
社交媒体
- 数字声明
韦尔滕酒店
- 可视化
- Virtuelle Begehung
增强现实
您可以通过使用当前.label wrap
元素中的.active
类检查li
元素的数量,并使用toggleClass()
相应地在h1
上设置类来实现这一点。试试这个:
$(".add-btn").click(function() {
var $li = $(this).toggleClass("hide-me added");
var $wrap = $li.closest('.label-wrap');
$wrap.find('h1').toggleClass('top-added', $wrap.find('.added').length > 0)
});
哇,太多了。这非常有效。嗯,我知道我看到了正确的代码,这似乎很容易…;)