Работа с одинаковыми классами в JQuery

396
21 февраля 2017, 19:08

Всем привет. Сама суть я думаю понятна из заголовка. Не получается реализовать следующую задачу:

$(document).ready(function() { 
 
  $(".btn").on('click', function() { 
    $('.er').each(function(index, element) { 
      $(this).find('.qwerty').slideToggle(); 
    }); 
  }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="button" class="btn" value="Open № 1" /> 
<div class="er"> 
  <div class="qwerty"> 
    <div class="uiop">Тут инфа № 1</div> 
  </div> 
</div> 
 
 
<input type="button" class="w" value="Open № 2" /> 
<div class="er"> 
  <div class="qwerty"> 
    <div class="uiop">Тут инфа № 2</div> 
  </div> 
</div> 
 
 
<input type="button" class="w" value="Open № 3" /> 
<div class="er"> 
  <div class="qwerty"> 
    <div class="uiop">Тут инфа № 3</div> 
  </div> 
</div> 
 
<input type="button" class="w" value="Open № 4" /> 
<div class="er"> 
  <div class="qwerty"> 
    <div class="uiop">Тут инфа № 4</div> 
  </div> 
</div>

По нажатию на кнопку мне нужно что бы открывался див .er находящийся рядом с этой кнопкой. Подскажите где я ошибся пожалуйста. Спасибо заранее.

Answer 1
$(".btn").on('click', function() {
  $(this).next('.er').find('.qwerty').slideToggle();
});
Answer 2
$(this).parent().next('.qwe').find('.commentBlock').slideToggle(); 

Вот то что было мне нужно :)

READ ALSO
Анимация и движение к заданной точке при нажатии на кнопку

Анимация и движение к заданной точке при нажатии на кнопку

Вопрос носит больше теоретический характер, наверноеСуть в чём: на сайте lostfilm обновили дизайн и сделали помимо всего остального то, что привлекло...

461
Woocommerce. Количество товара в корзине и общая цена. Проблема с обновлением

Woocommerce. Количество товара в корзине и общая цена. Проблема с обновлением

ПриветствуюВозникла проблема с корзиной вукомерса, количество товара в полях ввода обновляется, но не сохраняется, из чего следует другая...

928
Как работает [ScriptIgnore]?

Как работает [ScriptIgnore]?

При разработке небольшого приложения на ASPNET MVC, столкнулся с такой проблемой, что когда мой контрол возвращал данные в формате JSON, то возникала...

333
Смена фона body при смене слайдов

Смена фона body при смене слайдов

Привет! Есть слайдер-карусель, сделанный при помощи плагина slickПотребовалось подкрутить его, чтобы при смене слайда автоматически менялся...

467