Javascript 如果同级的父级包含类,则为父级的子级设置样式
我需要向父元素(button.usa nav link)的子元素(span)添加一个类(粗体)。此父级有一个同级(ul li.active),其中包含类.active。如果处于活动状态,则父级的子级(span)应包含class=“bold” (这)没有拾取父元素,因此我可以以子元素(span)为目标。我尝试过:has(>.active)和其他一些没有结果的东西。想法Javascript 如果同级的父级包含类,则为父级的子级设置样式,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要向父元素(button.usa nav link)的子元素(span)添加一个类(粗体)。此父级有一个同级(ul li.active),其中包含类.active。如果处于活动状态,则父级的子级(span)应包含class=“bold” (这)没有拾取父元素,因此我可以以子元素(span)为目标。我尝试过:has(>.active)和其他一些没有结果的东西。想法 if(jQuery(“button.usa nav link”).同级(“ul”).查找(“active”)){ jQuery(
if(jQuery(“button.usa nav link”).同级(“ul”).查找(“active”)){
jQuery(this).children(“span”).addClass(“粗体”);
};代码>
.bold{
字体大小:粗体;
字体大小:22px;
}
- 产品
-
-
-
- 服务
-
-
-
-
-
我想你在找这个
- 当您循环浏览并使用该特定类检查每个按钮时,可以使用“
此
”属性
- 使用“find”函数时,需要使用length属性检查它是否返回0,具体取决于在
find函数中传递的值的元素数
$(“button.usa导航链接”)。每个(函数(){
if($(this.sillides(“ul”).find(“.active”).length){
$(此).children(“span”).addClass(“粗体”);
}
});代码>
.bold{
字体大小:粗体;
字体大小:22px;
}
- 产品
-
-
-
- 服务
-
-
-
-
-
您可以使用parent
或parentsunl
,只需查看文档即可!!用类/标记而不是元素来解释它。。类似于(当点击按钮。美国导航链接时,我需要检查父ul
是否有活动类。如果真的添加类活动到span)@Mohamed Yousef添加了更多信息。@jasonflaherty你检查解决方案了吗?@Highdef,是的,这是一个赢家。我也应该把它们循环一下。谢谢你的课!谢谢你的解释。我没有想到要循环通过。太关注家长了。@jasonflaherty没问题:)