Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将类添加到标题<;h1>;如果李有课_Jquery_Parent_Addclass - Fatal编程技术网

Jquery 将类添加到标题<;h1>;如果李有课

Jquery 将类添加到标题<;h1>;如果李有课,jquery,parent,addclass,Jquery,Parent,Addclass,我一直在摆弄我的代码,但我不能让它正常工作 我有三个列表,每个列表都有一个h1标题。如果单击li,它将切换类以高亮显示它,我希望列表的标题获得高亮显示类 到目前为止,每个头都得到了类,除了一个,它应该是。不知道我做错了什么…:/ 有人能帮我吗 这是我的密码: $(“.add btn”)。单击(函数(){ $(this.toggleClass(“隐藏我”); $(此).toggleClass(“添加”); if($(“.label wrap ul li”).hasClass(“已添加”)){ $

我一直在摆弄我的代码,但我不能让它正常工作

我有三个列表,每个列表都有一个h1标题。如果单击li,它将切换类以高亮显示它,我希望列表的标题获得高亮显示类

到目前为止,每个头都得到了类,除了一个,它应该是。不知道我做错了什么…:/

有人能帮我吗

这是我的密码:

$(“.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)
});

哇,太多了。这非常有效。嗯,我知道我看到了正确的代码,这似乎很容易…;)