从父div获取子div

Question

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

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

如何通过按下按钮从div“父母”获得div“child”？ （或任何其他行动）

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')