Jquery css 到父元素(向上 2 级)

Question

我不知道为什么这不起作用...

jQuery(document).ready(function($){
    $('.showLink').on('click', function(){
        $(this).parents('.showContainer').css('top', '-2000px');
    });
}):

布局是:

<section id="overlay" class="showContainer">
    <div>
        <video></video>
        <div></div>
        <div id="show">
            <a href="#" class="showLink"><i class="fa fa-arrow"></i></a>
        </div>
    </div>
</section>

您可以 see it live如果您有兴趣，可以进行一些调试。

Answer 1

您可以使用 .closest() 在您的上下文中，而不是使用 .parents() ，即使两者都可以完成这项工作。

jQuery(document).ready(function($){
    $('.showLink').on('click', function(){
        $(this).closest('.showContainer').css('top', '-2000px');
    });
}): ---> remove the colon over here and replace it with ;