悬停时，我尝试更改#header 高度.nav-link a。我已经搜索了信息，并且主要是为了影响子元素，但我还没有弄清楚如何影响元素之外的东西。
<div id="header">
<ul>
<li class="nav-link"><a href="#1">Item 1</a></li>
<li class="nav-link"><a href="#2">Item 2</a></li>
<li class="nav-link"><a href="#3">Item 3</a></li>
</ul>
</div>
使用jQuery：
$(document).ready(function(){
$('.nav-link a').on('mouseover', function(){
$('#header').css('height', '500px');
});
});
https://jsfiddle.net/pmyrLvxc/1/
如果您由于某种原因不知道标题的ID，但是您知道事件发生所在的项目距离目标有多远，您也可以执行以下操作：
$(this).parent().parent().css('height', '500px');
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句