Javascript 要更改第三个子元素n jquery的css吗

我创造了这样的东西，但它不起作用。如果我将其分配给

li

，则它工作正常

函数activetab（）{
$（“.nav tabs li a:n子项（3）”）.css（“颜色”、“红色”）；
}

单击
问题是因为所有
a
元素都位于其父
li
元素的第0个索引处。如果需要第三个，则需要在
li
元素上声明
：n子项
选择器

还请注意，您不应该在*
事件属性上使用
，因为它们非常过时。在页面中包含jQuery后，可以使用它来附加事件处理程序。在可能的情况下，您还应该避免使用
css（）
，因为当UI和JS逻辑应该是完全独立的实体时，它会将它们联系得太紧密。要实现这一点，请使用
addClass（）
，如下所示：


$（函数（）{
$（“按钮”）。单击（函数（）{
$（“.nav tabs li:n子（3）a”）.addClass（'foo'）；
});
});
.foo{
颜色：红色；
}






单击
试试这个

function activetab(){
  $(".nav-tabs li:nth-child(3) a").css("color", "red");
} 

你可以像我一样

$(".nav-tabs li a:nth-child(3) a").css("color", "red");

这些
a
元素中的每一个都是其父元素的唯一子元素。“如果我把它分配给李，那么它工作得很好”-嗯，李有兄弟姐妹，不是唯一的孩子…你要找的是第三个
li
，不是第三个
a
：
。导航标签李：第三个孩子（3）a
，谢谢，它工作得很好。我可以在第n个child中传递一个变量而不是一个数字吗？像这个第n个child（numb）是的，你可以像传递普通字符串一样将该值连接到选择器。没问题。如果有帮助的话，别忘了接受答案。这也代表了你之前的问题，因为我可以看出你从来没有接受过任何答案。