在jQuery中使用.css属性

代码1

jQuery("ul#leftmenuacc").find("span.leftmenutextspan")[0].css('color','red');

上面的代码不起作用,所以我不得不采取另一种方式[下面提到]

代码2

jQuery("ul#leftmenuacc").find('span.leftmenutextspan').each(function(index){ if(index ==0) jQuery(this).css('color','red') });

我在这里感到困惑,为什么代码1不起作用？我从Jquery Docs开始阅读.css上的文档,但找不到我错过的内容.

有一种优雅的方式吗？因为目前我正在迭代很多DOM项目而没有用.

解决方法

当你做$(选择器)[0]时,你会得到HTMLElement,它没有css函数.您可以使用jQuery包装它：$($(selector)[0]),但更好的解决方案是使用：eq(0)或：first selector：

jQuery("ul#leftmenuacc").find("span.leftmenutextspan:eq(0)").css('color','red');