IE7中的jquery nth选择器

时间:2012-09-12 08:24:14

标签: javascript jquery jquery-selectors css-selectors

我有一个元素列表,需要使用jquery对列表中的第一个元素进行一些修改。我已经尝试了一些方法来定位第一个项目,但它们似乎都没有在IE7中工作。这些是我尝试过的以下方法......

 $(this).eq(1)
 $(this).first()
 $(this:nth-child(1))

所有这些方法都适用于IE7以外的所有浏览器,是否有人知道用于IE7的修复程序或可在IE7中使用的其他方法?

提前感谢您的帮助吗?

3 个答案:

答案 0 :(得分:1)

试试这个。

<ul id="list">
   <li>list item 1</li>
   <li>list item 2</li>
</ul>​

$('#list li').first().css('background-color', 'red');

它在IE7中工作http://jsfiddle.net/jur4x/JKBH4/

答案 1 :(得分:0)

试试这个

$(this:first-child)

将从here

获取更多信息

修改

很抱歉这个混乱。 我想说的是使用first-child而不是first()

您可以像$('ul li:first-child').css('background-color', 'red');

一样使用

答案 2 :(得分:0)

.first()是一个有效的功能,可以使用。

例如:

$("li").first(); // will match the first li in the tree