javascript - 在子悬停时更改父 css

Question

我在这个论坛上看了很多，只能找到与我的问题相反的东西，换句话说，我正在寻找如何在子 div 悬停时更改父 div 的背景，我只能找到如何当鼠标悬停在父级上时更改子级 div。

我有 1 个带有内部提交按钮的父 div:

<div class="ugd_ele_normal_base">
  <input name="ugd_1" type="submit" class="ugd_ele_normal"/>
</div><!--end ugd_ele_normal_base-->

我想要的是当提交按钮悬停时，父 css 更改背景。

我尝试了一些方法，但似乎没有任何效果。

感谢帮助

Answer 1

我会为此使用 jQuery 和 CSS:

CSS

.black {
     background-color: #000000;
}

jQuery

$(function() {
   $('.ugd_ele_normal').hover( function(){
      $(this).parent().addClass("black");
   },
   function(){
      $(this).parent().removeClass("black");
   });
});