nth-child(),nth-of-type()中用变量作索引

面包很好吃 2013-09-20 09:01:49
<---------------html代码-------------->
<div>
<p>adgiejgjg</p>
<p>adgiejgjg</p>
<p>adgiejgjg</p>
<p>adgiejgjg</p>
</div>
<--------------js代码------------------>
通常这样用
$("p:nth-child(2)").css("color","rgba(255,204,0,1)");
能正常的改变第二个p的字体颜色
但若传入一个变量做为nth-child()的索引,如:
var index = 2;
将index代替上面代码$("p:nth-child(2)")中的2,
不知道要怎么写啊,求大神....
我下面的写法出现了错误:
var index = 2;
$('"p:nth-child(' + index + ')"').css("color","rgba(255,204,0,1)");
错误:
Error: Syntax error, unrecognized expression: "p:nth-child(2)"[color=#FF0000][/color]
...全文
514 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
面包很好吃 2013-09-20
  • 打赏
  • 举报
回复
引用 1 楼 fzfei2 的回复:
$('"p:nth-child(' + index + ')"').css("color","rgba(255,204,0,1)"); 这样得出结果是 $('"p:nth-child(2)"').css("color","rgba(255,204,0,1)"); 所以错了 可以写成 $('p:nth-child(' + index + ')').css("color","rgba(255,204,0,1)"); 或 $("p").eq(index-1).css("color","rgba(255,204,0,1)");
就这么简单啊,惭愧死了,看来以后还是要多多思考,感谢大神啊...
fzfei2 2013-09-20
  • 打赏
  • 举报
回复
$('"p:nth-child(' + index + ')"').css("color","rgba(255,204,0,1)"); 这样得出结果是 $('"p:nth-child(2)"').css("color","rgba(255,204,0,1)"); 所以错了 可以写成 $('p:nth-child(' + index + ')').css("color","rgba(255,204,0,1)"); 或 $("p").eq(index-1).css("color","rgba(255,204,0,1)");

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧