时间戳

首页 > 解决方案 > Jquery - 如何在文档区域中选择具有相同类名的 2 个元素？

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

问题描述

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

这是不可能的吗？

标签： javascriptclassdocumentarea

解决方案

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

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

推荐阅读