Javascript Jquery鼠标悬停在添加css上

我在一个锚点中有一个p标记，在循环过程中会有很多不同数量的实例。我的目标是悬停使p标记展开并显示更多信息。到目前为止，我已经在

mouseover

方面做到了这一点

然而，这对我不起作用。有人知道如何做到这一点吗？someone我需要如何使用传递的参数

'e'

来更改高度

boxOPToneplustwo

：这也是一个a标记

$('.boxOPToneplustwo').mouseover(function (e) {
    console.log("in");
    $(e.target).next('p').addClass("popupHighlight");
});

元素创建：

anchorElement = "<a id='anchor" + countWide + "' class=\"boxOPToneplustwo\" alt=\'"+ image_website +"' style=\"cursor:pointer;width:"+ itemWidth + "px"+";height:"+anchorHeight+";position:absolute;left:"+ locationLeft + "px"+";top:0.3%;\" ><p id=\"test\" class=\"popupDynamic\"> " + popupImageTitles[i] + "</p>";
        anchorElement += '</a>';

anchoreElement=“
“+popupImageTitles[i]+”
”；
锚定元素+=''；

使用jQuery，您可以使用

this

引用已处理的元素

$('.boxOPToneplustwo').mouseover(function (e) {
    console.log("in");
    $(this).next('p').addClass("popupHighlight");
});

控制台播放 e、 g:尝试将以下代码放到控制台（F12）中，并查看它是如何实现的：P

 $("p, span").mouseover(function(){ $(this).css("display", "none"); } );

---

要确认这是我要更改的p标记的css，谢谢如果

p

标记在锚内，那么目标不很可能已经是

p

标记了，而且你真的应该使用

$（'p'，this）.addClass（'popupHighlight'）

嘿，伙计们。阿迪尼奥的建议解决了这个问题。非常感谢您的努力：）希望在今天圣诞夜尽快下班！谢谢你的回答，它仍然不能解决问题。编辑：我将在

.boxOPToneplustwo

后面的

元素中尝试您的新建议？请看，我将用创建p和a元素的代码行更新我的答案。