Javascript jQuery,在UL中显示none first LI

Javascript jQuery,在UL中显示none first LI,javascript,jquery,html,Javascript,Jquery,Html,我只是想知道我想用jQuery做什么是可能的 我有以下几点 <ul class="navmenu"> <li>Something</li> <li>Something</li> <li>Someting</li> <li>Something</li> </ul> 我想做的是显示:无;.navmenu中的第一个LI,这可能吗?当然可以 $('ul

我只是想知道我想用jQuery做什么是可能的

我有以下几点

<ul class="navmenu">
    <li>Something</li>
    <li>Something</li>
    <li>Someting</li>
    <li>Something</li>
</ul>
我想做的是显示:无;.navmenu中的第一个LI,这可能吗?

当然可以

$('ul.navmenu li:first').css('display', 'none');
只需使用:

$('.navmenu > li:first-child').hide();
例如

您可能还想查看,因为这是jQuery的基本用法。

不,您不能这样做。永远

是的,当然是:

$('.navmenu li:first')
您还可以在CSS中使用伪选择器,前提是您需要它的样式:


.navmenu li:first child

CSS解决方案这应该可以防止第一个元素在页面加载时闪烁:

.navmenu > li:first-child {display: none;}

您可以使用后代选择器>,选择具有navmenu类名的ul的li子类,然后使用第一个子伪类仅选择第一个子类。然后可以使用css方法设置css样式:


实例:

当然,有很多方法可以做到这一点,试着阅读文档,即使谷歌可以为你回答……不幸的是,没有称为sarcasm的html标记,因此浏览器不会知道你在挖苦:-/有关有效标记的完整列表,请查看这里好的捕获,幸运的是,它们被包装在标签中,否则我的浏览器可能会因为解析它们而崩溃。@Interstellar_Coder,有关有效标签的完整列表,我将使用。当然,我的标记是XML,对于我的自定义DTD完全有效。
.navmenu > li:first-child {display: none;}
$("ul.navmenu > li:first-child").css("display", "none")