Не могу выбрать ближайший элемент и открыть его с помощью клика, в чем причина?

296

17 января 2018, 18:34

При клике на ссылку должно появляться ближайшее спрятанное окно

$(document).ready(function(){
    $('.catalog_section__a').click(function(){
        $(this).closest('.catalog_section_cell').find('.catalog_section_popup').show();
    });
});

Answer 1

$(document).ready(function() { 
  $('.catalog_section__a').click(function() { 
    $(this).parent().parent().find($('.catalog_section_popup')).show(); 
  }); 
});

.catalog_section_popup { 
  display: none; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="catalog_section_cell"> 
  <div class="catalog_section_popup">catalog_section_popup</div> 
  <div> 
    <div class="catalog_section__a">catalog_section__a</div> 
  </div> 
</div>

Answer 2

$(document).ready(function() {
  $('.catalog_section__a').click(function() {
    $(this).closest('.catalog_section_cell').find('.catalog_section_popup').show();
  });
});

Answer 3

По jQuery все верно, кроме того, что не плохо бы сделать e.preventDefault(). Проблемы могут возникнуть, только в разметке HTML, так как в кликабельной ссылке у Вас пустота, возможно лучше туда поместить картинку или текст. Ну и, конечно, надо смотреть CSS стили для ссылки, заданы ли для нее размеры