javascript - Jquery 选择 parent child

Question

我正在尝试访问特定 div 的父级的子级(“容器”div 中的“内容”div)以在 Jquery 中进行动画处理。目前我正在使用...

<script> 
$(document).ready(function(){
  $(".container").click(function(){
    $(this).find('.item').slideToggle("slow");
  });
});
</script>

...这样当您单击容器时，“内容”div 将切换扩展和收缩。然而，我真正想要的是点击“click ME”div来展开另一个div，这样当你点击内容上的任意位置时，内容就不会再次缩小!

选择父div的子元素会非常方便。我假设选择器可能是这样的:

    $(this).parent.find('.item').slideToggle("slow");

但是我真的不知道!

大家有什么建议吗？

Answer 1

试试这个:

$(this).closest('your parent').find('.item').slideToggle("slow");

parent 是一种方法，因此 $(this).parent().find('.item') 更有意义。

如果 .item 是 .container 的同级，那么您只需执行 $(this).siblings('.find').slideToggle("慢”)

• .closest()
• .siblings()