gpt4 book ai didi

javascript - 如何隐藏鼠标悬停时的所有元素

转载 作者:行者123 更新时间:2023-12-03 12:41:31 25 4
gpt4 key购买 nike

我有一段代码,它隐藏了我需要的列表中的所有奇数和偶数元素,除了前两个元素之外,我想隐藏其他 4 个元素。这是我的一段代码:

<body>
<ul>
<li>Milk</li>
<li>White</li>
<li>Carrots</li>
<li>Orange</li>
<li>Broccoli</li>
<li>Green</li>
</ul>
<script>
$( "li" )
.filter( ":odd" )
.hide()
.end()
.filter( ":even" )
.hover(function() {
$( this )
.toggleClass( "active" )
.next()
.stop( true, true )
.slideToggle();
});
</script>
</body>

建议我如何做到这一点。

最佳答案

使用gt() selector 实现它:

$( "li:gt(1)" )
.filter( ":odd" )
.hide()
.end()
.filter( ":even" )
.hover(function() {
$( this )
.toggleClass( "active" )
.next()
.stop( true, true )
.slideToggle();
});

Fiddle DEMO

了解更多关于gt() here的信息

关于javascript - 如何隐藏鼠标悬停时的所有元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23511711/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com