jQuery：在li中添加Class到P - 当超过那个特定的li时？

Question

我有多个li标签（大约24个） - 在其中，是一个图像和一个p标签......

我的疑惑是......

如果我将鼠标悬停在例如li本身，内部的图像或p ...如何在p标签中添加一个类？

<li>
<img src="" alt="" />
<p>sometexthere</p>

然后当我将鼠标悬停在那个li的任何元素上时，p get是一个添加到它的类，例如

<li>
<img src="" alt="" />
<p class="newclass">sometexthere</p>

注意：它只能应用于当前li的p不能更改所有24个li中的所有p ... - 只是当前悬停的块。

基本上我只是想改变p的背景...所以奖励可以转换课程，但有淡化效果（如果可能的话？）

Answer 1

您无法切换有效的课程。

这是添加和删除类的jQuery示例：hover

$('ul li').hover(function(){
    $(this).find('p').addClass('newclass');
},function(){
    $(this).find('p').removeClass('newclass');
})

Answer 2

$('li').hover(function() {
  $('p', this).toggleClass('new-class');
});

Answer 3

这是一种用直接css改变bg颜色的方法

li:hover p {
  background-color:red;
}