Question

我在一个锚中有一个p标签，在循环中有许多可变的实例。我的目标是在悬停时使p标签展开并显示更多信息。到目前为止，mouseover已经有了这个。

然而，这对我不起作用。有没有人有任何想法如何实现这一目标？某人我需要使用传递的参数'e'来改变高度

boxOPToneplustwo：这也是一个标签。

$('.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>';

Answer 1

使用jQuery，您可以使用this来引用处理的元素。

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

http://api.jquery.com/mouseover/

控制台播放 例如：尝试将以下代码放入控制台（F12）并查看它对SO的作用：P

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

Jquery鼠标添加css

1 个答案: