jQuery,UL中没有首先显示LI

时间:2011-12-23 15:10:58

标签: javascript jquery html

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

我有以下......

<ul class="navmenu">
    <li>Something</li>
    <li>Something</li>
    <li>Someting</li>
    <li>Something</li>
</ul>

我想做的是显示:无; .navmenu中的第一个LI,这可能吗?

6 个答案:

答案 0 :(得分:3)

只需使用:

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

jsFiddle示例。

您还可以查看jQuery TutorialsjQuery Selectors API Docs,因为这是jQuery的一个非常基本的用法。

答案 1 :(得分:3)

<sarcasm>不,你不能这样做。如初。</sarcasm>

$('.navmenu li:first').hide()

答案 2 :(得分:2)

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

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

答案 3 :(得分:1)

确定,

$('ul.navmenu li:first').css('display', 'none');

答案 4 :(得分:1)

您可以使用后代选择器>来选择具有li班级名称的ul的{​​{1}}子项,然后使用navmenu伪类只选择第一个。然后,您可以使用first-child方法设置CSS样式:

css

实例:http://jsfiddle.net/uDeQE/1/

答案 5 :(得分:0)

是的,当然是:

$('.navmenu li:first')

如果你的样式在你之后,你也可以在CSS中使用伪选择器:

.navmenu li:第一个孩子