Question

我有类似的东西！

<div class="wrapper">
<div class="main-div">
    <img src=""/>
    <div class="text">bla bla</div>
    <a class="button-a"></a>
    <a class="button-b"></a>
</div>
<div class="main-div">
    <img src=""/>
    <div class="text">bla bla</div>
    <a class="button-a"></a>
    <a class="button-b"></a>
</div>
<div class="main-div">
    <img src=""/>
    <div class="text">bla bla</div>
    <a class="button-a"></a>
    <a class="button-b"></a>
</div>

我想要做的是onHover button-a或button-b，toggleClass to div #text，但仅限于main-div中的div＃文本，而不是div＃text的所有地方！谢谢，

Answer 1

您可以在SELECT ( CASE P.DegreeID WHEN 1 THEN 'masters' WHEN 2 THEN 'bachelors' ELSE 'Others' END ) AS Degree , D.DegreeName, P.ProgramName FROM pagesite sp LEFT JOIN table2.Degrees D ON P.DegreeID = D.DegreeID选择器上使用mouseenter或mouseleave事件。

.button-a, .button-b

$(".button-a, .button-b").on({
    mouseenter: function () {
        $(this).siblings("div").toggleClass("text");
    },
    mouseleave: function () {
        $(this).siblings("div").toggleClass("text");
    }
});

div.text {
  background-color: #ff0000;
}

Answer 2

$('a').hover(function(){
    $(this).siblings('div').toggleClass('text');
})

jQuery onHover在另一个div上添加类

2 个答案: