JQuery - Как выбрать 2 элемента с одинаковым именем класса в области документа? - PullRequest
Новая
       9

JQuery - Как выбрать 2 элемента с одинаковым именем класса в области документа?

0 голосов
/ 26 октября 2018 
$(".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);
})

Когда я нажимаю .Здесь класс, тогда, конечно, p и li, все теги будут иметь непрозрачность 0.

Я хочу установить 2 тега p и li в той же области, как, ия пробовал таким образом. 

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

Разве это невозможно?

1 Ответ

0 голосов
/ 26 октября 2018

Я создал небольшой макет для проверки вашего кода, похоже, он работает правильно: 

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