查找第三个父 jQuery

Question

此代码有效，但三重 .parent() 感觉油腻，我想知道是否有更有效的方法来做到这一点

注意

HTML 在页面上重复多次，因此我必须使用类和 (this) 才能仅对所选项目进行动画处理

jquery

$('.view').click(function() {
    $(this).parent().parent().parent().find('.innerContain').animate({ left: '-100%' }, 500); 
});

HTML

<div class="mask">
    <div class="innerContain">
        <!-- Update -->
        <ul class="updateCSI">
            <span class="view">View</span>
        </ul>
        <!-- View -->
        <ul class="viewCSI">
            <span class="update">Update</span>
        </ul>
    </div>
</div>

Answer 1

我认为$(this).closest('.innerContain') 也会这样做。

Live demo (click).（为了演示，我使用.hide()。）

Answer 2

为什么不：

$(this).closest('.innerContain');

在这种情况下，closest() 将帮助您在向上遍历 DOM 树时获取具有 .innerContain 类的第一个元素，该元素是 .view 元素的祖先。