Jquery toggleClass影响所有

我在整个网站上都使用这个按钮。问题是，如果您将鼠标悬停在任何.contentViewMore上，它将为站点上的所有内容执行此操作。有没有办法解决这个问题，让它一次只影响一个按钮，或者有更好的方法

JQUERY

<script type="text/javascript">
  $(document).ready(function() {
$('.contentViewMore')
  .hover(function(event) {
 $('.contentViewMoreInfo').toggleClass('contentViewMoreInfoHover');
      });
  });
</script>

HTML

尝试：

尝试：

---

您可以使用CSS执行此操作：

.contentViewMore:hover .contentViewMoreInfo {
    background: #8eca45;
}

你的代码包含很多奇怪的东西，为什么你要定位一个没有图像的背景，为什么你要首先设置url

如果要使用jQuery执行此操作，必须执行以下操作：

$(function(){ /* shorthand for $(document).ready(function(){ */

    $('.contentViewMore').hover(function(){

        $('.contentViewMoreInfo',this).toggleClass('contentViewMoreInfoHover');

    });

});

---

您可以使用CSS执行此操作：

.contentViewMore:hover .contentViewMoreInfo {
    background: #8eca45;
}

你的代码包含很多奇怪的东西，为什么你要定位一个没有图像的背景，为什么你要首先设置url

如果要使用jQuery执行此操作，必须执行以下操作：

$(function(){ /* shorthand for $(document).ready(function(){ */

    $('.contentViewMore').hover(function(){

        $('.contentViewMoreInfo',this).toggleClass('contentViewMoreInfoHover');

    });

});

---

不要在悬停内使用$'.contentViewMoreInfo'，而要在悬停内使用$this

而不要在悬停内使用$'.contentViewMoreInfo'，使用$this

似乎要匹配悬停锚点内的.contentViewMoreInfo元素。您可以使用：

或上下文参数：

---

似乎您希望匹配悬停锚中的.contentViewMoreInfo元素。您可以使用：

或上下文参数：

---

这会起作用，但会使整个按钮变成绿色。我只想把这个部分变成绿色。这可以用，但它会把整个按钮变成绿色。我只想把这个部分变成绿色。像这样的css在所有浏览器中都有效吗？很抱歉，背景代码只是没有把图标放在那里，这部分还可以用。css在所有浏览器中都可以用吗？很抱歉，背景代码只是没有把图标放在那里，但这部分的工作。

$(function(){ /* shorthand for $(document).ready(function(){ */

    $('.contentViewMore').hover(function(){

        $('.contentViewMoreInfo',this).toggleClass('contentViewMoreInfoHover');

    });

});

$(".contentViewMore").hover(function(event) {
    $(this).find(".contentViewMoreInfo").toggleClass("contentViewMoreInfoHover");
});

$(".contentViewMore").hover(function(event) {
    $(".contentViewMoreInfo", this).toggleClass("contentViewMoreInfoHover");
});