将鼠标悬停在1个孩子身上 - 隐藏其他div中的其他父母 - Jquery

时间:2018-02-16 01:20:35

标签: jquery

当我徘徊1个孩子时,除了徘徊的孩子及其父母外,我试图隐藏其他父母div(包括孩子)。

<div class="wrap">
    <div class="parent">
        <div class="child"></div>
    </div>
    <div class="parent">
        <div class="child"></div>
    </div>
    <div class="parent">
        <div class="child"></div>
    </div>
    <div class="parent">
        <div class="child"></div>
    </div>
</div>

我发现这非常相似,但是相反,并且无法找到使其有效的方法。

Hover on 1 child - hide other children which are inside other divs, css only

$('.dep').hover(function() {
  $(this).parent().children().not(this).find('.dim').css({'opacity' : '1'})
}, function() {
  $('.dim').css({'opacity' : '0'})
})

1 个答案:

答案 0 :(得分:1)

您要做的是,一旦找到 .parent() ,只需隐藏 .siblings() ,方法是设置 int main(){ float num1 = 0, num2 = 0, num3 = 0, answer = 0; char op1, op2; cout << "enter string\n"; cin >> num1; cin >> op1; cin >> num2; cin >> op2; cin >> num3; if(op1 == '/'){ answer = num1/num2; } if(op1 == '*'){ answer = num1*num2; } if(op1 == '-'){ answer = num1-num2; } if(op1 == '+'){ answer = num1+num2; } cout << "answer is " << answer << endl; return 0; } opacity。您还希望通过将 opacity 设置为0显示您正在悬停的那个,如下所示:

1
$('.child').hover(function() {
  $(this).parent().siblings().css({
    'opacity': '0'
  })
}, function() {
  $('.parent').css({
    'opacity': '1'
  })
})