Javascript 如果父类上存在类，则获取子div内容

我有一个模块，在悬停时，我希望右边的内容可以更改（下面演示中蓝色部分的内容）

为了实现这一点，我正在尝试做的是：

• 如果class.active存在于

  li.tabs

  上，则从中获取

  .content

  ，并将其显示在

  .overview

  div中

但是不确定当

中存在class
.active
时如何获取
.content

我有以下标记（简化）：


//1。检查li是否有活动的类
if（$（'li.tabs'）.hasClass（'active'））{
//2.从存在class.active的li获取.content div
}
.tabs{
边框：1px纯黄色；
}
.名单{
边框：1px纯红；
弹性基准：40%；
}
李先生{
列表样式类型：无；
}
.概述{
边框：1px纯蓝色；
-ms-flex首选尺寸：60%；
弹性基准：60%；
}


标题
内容



标题2
内容2


您可以通过在选择器之间留出一个空格（在JQuery中）来选择一个子项：

将选择家长拥有您的
活动
类的所有
内容
，以及活动类切换：


var overview=$（'.overview'）；
$（'.tabs'）。每个（函数（i）{
var thisTab=$（此）；
var thiscant=thisTab.find（'.content'）.html（）；
此选项卡位于（'mouseenter'，函数（e）{
thisTab.addClass（'active'）；
html（此内容）；
}).on（'mouseleave'，函数（e）{
thisTab.removeClass（'active'）；
html（“”）；
});
});
.tabs{
边框：1px纯黄色；
}
.tabs.active{
背景：无黄色；
}
.名单{
边框：1px纯红；
弹性基准：40%；
}
李先生{
列表样式类型：无；
}
.概述{
边框：1px纯蓝色；
-ms-flex首选尺寸：60%；
弹性基准：60%；
}


标题
内容1



标题2
内容2


Simple
$（'.overview'）.html（$（'.tabs.active.content'）.html（））
是否会有多个
.active
元素？如果是这样，会发生什么？HTML可以调整吗？Legend，谢谢，这正是我想要的
$(".li.tabs.active .content")