jquery - 将不透明度应用于多个 DIV 类

Question

我正在研究 jQuery 中的“OnClick”功能。当我们点击 parent Div 属性时，只有父 div 和它的子 div 应该显示，其他 div 应该淡出。

请在下面找到代码。 HTML:

<div>1</div>
<div class="ree">2</div>
<div class="foo">items
  <div class = "bar">Shoes
     <div class="nike">3</div>
     <div class="puma">5</div>
     <div class="gap">5</div>
  </div>
</div>
<div>4</div>

jQuery:

$('.foo').on('click',function ()
              {
$('div:not(.foo)').css('opacity','0.2')

              });

此处当我单击 Div 类“foo”时，应显示“foo”及其子 div(如 bar、nike、puma、gap div 类)，所有其他 Div 类应淡出。

请在下面找到演示，

http://jsfiddle.net/6V8hr/15/

谢谢大家

Answer 1

.siblings()

$('.foo').on('click', function () {
    $(this).siblings('div').css('opacity','0.2');
});

Example