第一个选择器不会先过滤,但是第一个选择器会过滤

时间:2013-01-08 13:38:57

标签: jquery html jquery-mobile jquery-selectors

我已经多次使用过,但这次它没有工作,并且在控制台中没有错误。 我有这个HTML:

<ul>
<li class="iheader"><h1>TITLE</h1></li>
//some more list items
<li class="iheader"></li> 
</ul>

现在运行此代码:

$('.iheader:first').removeClass('iheader');

删除这两个类。我也试过了:

$('.iheader').filter(':first').removeClass('iheader');

同样的结果。

但是,如果我使用first:child,当html如上所述时,它确实有用。

任何人都可能知道为什么?这可能与我包括jQuery mobile吗?

有关

3 个答案:

答案 0 :(得分:5)

尝试

$('.iheader:first-child').removeClass('iheader');

答案 1 :(得分:0)

使用jQuery first

$('.iheader').first().removeClass('iheader');

答案 2 :(得分:0)

对于那些想知道为什么acmes解决方案有效的人, 它是因为jQuery可以选择使用CSS选择器,:first-child是一个css选择器,它指定css作为其父级的第一个子元素。