Javascript 在图像和文本之间展开链接（a）

我正在使用WordPress插件创建以下输出：

<li>
  <a href="/permalink1/" class="wp_rp_thumbnail"><img src="/media/image-thumbnail.png"/></a>
  <a href="/permalink1/" class="wp_rp_title">Post Title</a>
</li>

我为图像和文本应用了

a:hover

样式。当然，它们是分开触发的，因为有两个链接正在生成。我希望它们在悬停时都被触发（在我的例子中：图像边框颜色变化和文本颜色变化-无论这两个元素中的哪一个被悬停）

---

当然，我可以修改插件源代码并改变它在那里的构建方式，但是由于更新功能，我认为用几行jQuery来修改它会更干净。不幸的是，我不知道如何处理这一点，并将感谢的想法

在li上添加悬停

li:hover img
{
    border: 2px solid green;
}
li:hover a
{
    color: orange;
}

---

使用Jquery，您可以使用hover函数。 像这样的

$('.wp_rp_thumbnail, .wp_rp_title').hover(function(){
    $('.wp_rp_thumbnail img').css({"border":"1px solid #fff"});
    $('.wp_rp_title').css({"color":"#fff"});
});

---

哦。是的，这绝对是最干净的解决方案。我自己应该想到这一点——谢谢你的帮助：）