jQuery .parent() 类选择器

Question

这是我的代码:

HTML

<div class="popup">
    <div class="popup-frame">
        <div class="popup-cont">
            <div class="inner"></div>
        </div>
    </div>
    <div class="bg"></div>
</div>

JS

s.popup = {
    set : function(e){
        if(e)   $.get(s.v+e+'.php', function(e){$('.popup .inner').append(e).parent().parent().parent().show()})
        else    $('.popup .inner').empty().parent().parent().parent().hide();
    }
}

想法是:如果(e)

1. 将 $.get 响应附加到 .popup .inner
2. 显示.popup

其他

1. 空.popup .inner
2. 隐藏.popup

问题

有没有比选择 .popup 更好的方法 .parent().parent().parent()

附加:我知道这可以这样做:

$('.popup .inner').empty(); $('.popup').hide();

Answer 1

您可以使用最接近的方法来选择最接近的父级。

检查:http://api.jquery.com/closest/

替换

$('.popup.inner').empty().parent().parent().parent().hide();

与

$('.popup .inner').empty().closest('.popup').hide();