Jquery - 如何在文档区域中选择具有相同类名的 2 个元素？答案

【问题标题】：Jquery - How to select 2 elements with same class name in a document area?Jquery - 如何在文档区域中选择具有相同类名的 2 个元素？
【发布时间】：2018-10-26 08:44:40
【问题描述】：

$(".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和li，我尝试过这种方式。

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

不可能吗？

【问题讨论】：

不，很有可能——事实上，你的语法是正确的。你试过了吗？
omg，它可以工作.. 我的电脑有一些我不明白的问题.. 我尝试重新启动它，它运行良好

标签： javascript class document area

【解决方案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>

【讨论】：