jQuery - 选择 中的第 n 个子级

Question

我正在尝试选择 <a> <span>内这是<li>的第n个 child

HTML

<li>
 <span><a></a></span>
 <span><a></a></span>
 ......
 <span><a></a></span>
</li>

jQuery

$(function(){
 if ($('body').attr('class') == 'special') {
  $('li span:nth-child(1) a').css({'color' : '#444444'});
 };
});

我在这里缺少什么，因为它似乎没有选择 <a>

谢谢

Answer 1

您的代码有效，you can test it here ，请确保以下几点:

您的代码在 document.ready 处理程序中运行，如下所示:

$(function() {
  $('li span:nth-child(1) a').css({'color' : '#444444'});
});

并且您的 anchor 具有 href 或 name 属性，否则浏览器可能会将它们呈现为禁用状态，忽略某些样式。