jquery - 从父 div 获取子 div

Question

我的问题是如何从元素的父 div 中获取子 div？像这样：

<div class="parent">
    <div class="child"></div>
    <button class="getchild"></button>
</div>

如何通过点击按钮从 div“父”中获取 div“子”？（或任何其他行动）

obs：通过 $(".child") 获取元素不是一个选项，因为页面中有很多其他具有相同类的类似 div。

谢谢你。

Answer 1

您可以使用siblings(). 这将获得与当前元素处于同一级别的元素。http://api.jquery.com/siblings/

这是它的工作原理：http: //jsfiddle.net/4EayF/。不确定你的交易是什么。

$('.getchild').on('click', function(){
   var child = $(this).siblings('.child');
});

Answer 2

从按钮的点击处理程序：

$(this).parents('.parent').find('.child')