jQuery .parent()类选择器

时间:2011-11-21 04:34:21

标签: jquery selector parent

这是我的代码:

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
  3. 否则

    1. empty .popup .inner
    2. 隐藏.popup
    3. 问题

      是否有更好的方法来选择.popup  .parent().parent().parent()

      其他: 我知道这可以这样做:

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

1 个答案:

答案 0 :(得分:8)

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

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

替换

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

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