javascript - 查找第三个父级 jQuery

Question

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

注意

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

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()。)