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/

获取clicked元素的父级并查找具有类的子级

3 个答案: