获取所单击元素的父元素，并查找具有类的子元素

Question

<div class="container">
    <div>
         <div>
             <div class="circle"></div>
         </div>
    </div>
    <div>
         <div>
             <div class="square"></div>
         </div>
    </div>
</div>

上面是我的代码的一个简单的简化示例。

点击圆圈，我需要得到正方形。上面的代码块在我的页面上出现了几次。所以我需要点击元素的父元素并找到它的正方形子元素。

这两个我都试过了：

$('.circle').click(function(e){
    $(this).closest('.container').find('.square');
    $(this).parents('.container').find('.square');
});

如何使用jquery找到正方形？

Answer 1

尝尝这个

$('.circle').click(function(e){
   var square = $(this).closest('.container').find('.square');
   console.log(square.text());
});

fiddle

Answer 2

您可以尝试如下所述的parentsUntil()：parentsUntil

$('.circle').click(function(){
    $(this).parentsUntil('.container').find('.square');
});

Answer 3

$('.circle').click(function() {
    var $this = $(this);
    $this.parents('.container').find('.square');
});

使用JS小提琴的例子，当点击圆形时，提示正方形元素的文本内容。

http://jsfiddle.net/v2Lw9vd8/