Jquery - 如何在文档区域中 select 2 个具有相同 class 名称的元素？

Question

$(".Here").click(function() {
  $(".container p").css("opacity", 1);
  $(".container p").siblings().css("opacity", 0);
  $(".container li").css("opacity", 1);
  $(".container li").siblings().css("opacity", 0);
})

当我点击 .Here class 时，当然 p 和 li，所有标签的不透明度都将为 0。

我想在同一个区域设置2个标签p和li，我试过这样。

  $(".container p, .container li").css("opacity", 1);
  $(".container p, .container li").siblings().css("opacity", 0);

不可能吗？

Answer 1

我创建了一个小模型来测试您的代码，它似乎工作正常：

$(".Here").click(function() {
  //$(".container p").css("opacity", 1);
  //$(".container p").siblings().css("opacity", 0);
  //$(".container li").css("opacity", 1);
  //$(".container li").siblings().css("opacity", 0);
  $(".container p, .container li").css("opacity", 1);
  $(".container p, .container li").siblings().css("opacity", 0);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button class="Here">Click Me</button>

<div class="container">
   <div class="parent">
      <p>Paragraph element</p>
      <b>Paragraph element Sibling</b>
   </div>
   <ul>
      <li>List item</li>
      <b>List item Sibling</b>
   </ul>
</div>

Jquery - 如何在文档区域中 select 2 个具有相同 class 名称的元素？

Jquery - How to select 2 elements with same class name in a document area?

javascript

document

class

area