Javascript 在下拉列表中将子css类添加到父css类

我正在尝试为下拉菜单将子css类添加到父css类。当用户单击名为.linkBox的父css类时，会出现一个下拉列表。需要显示的子css类是css生成的箭头。我让箭头居中，但我试图让箭头出现的一切都没有奏效。我必须将两者都用作css类，它们不能是ID。第二部分是箭头只影响标题中的第一个和第三个框。另一个问题是，该项目需要使用PrimeFaces，我认为这可能是让我感到厌烦的部分原因。这就是我目前所拥有的-

 $('.linkBox').hover (function () {
       $(this).parent('.linkBox').children('p').addClass("ddArrow");
  },function () {
    $(this).parent('.linkBox').children('p').removeClass("ddArrow");
  }
);

PrimeFaces代码是-

 <p:panel id="profileDropDown" styleClass="linkBox profileBox">

救命啊，这件事我已经拖了好几天了！

---

谢谢

在悬停处理程序

中，此

引用

链接框

元素。。。因此，

$（this.find（'p'）.addClass（'ddArrow'）

应该可以。。。如果您可以共享生成的html，那也太好了……为什么要使用JavaScript？CSS可以做到

.linkBox:hover p{color:red；}

如果没有html和css，您能否在上创建一个演示我们将无法提供更多帮助代替服务器模板您能否共享生成的html。。。从浏览器source@user2285352，在linkBox div下没有

。因此悬停不起作用