仅 parent 的动画填充

Question

我有一个带有下拉菜单的 header，现在我想在滚动时编辑 header 的填充，但我不想更改下拉菜单的填充.. . HTML:

<li><a>Menu</a>
<ul>
    <li><a>Dropdown</a></li>
    <li><a>Dropdown</a></li>
    <li><a>Dropdown</a></li>
    </ul>
</li>

Jquery:

$(".navigator li").animate({ paddingTop : '15px', paddingBottom : '15px' }, {duration: 200, queue:false});

现在如何将 children 的填充保持为 0？

Answer 1

假设.navigator是你父<ul>元素的class，你可以使用direct descendent selector（>）：

$(".navigator > li").animate({ paddingTop : '15px', paddingBottom : '15px' }, {duration: 200, queue:false});

animate padding of parent only