jQuery-如何在文檔區域中選擇2個具有相同類名的元素？

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類時，當然還有p和li，所有標簽的不透明度均為0。

我想設置在同一地區類似2標簽p和立，和我想這樣。

  $(".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>