Javascript jQuery nth-child（）在第二个li中插入css类

我想在第二个

中插入类
.tech
，下面的代码有什么错误

html:

<div class="menu">
  <nav class="sidebar">
    <div class="client">
      <div class="client-open">
        <ul class="sidebar-nav">
          <li>link1</li>
          <li>link 2</li>
        </ul>
      </div>
    </div>
  </nav>
</div>

$(function() {
    $( ".sidebar-nav ul li:nth-child(2)" ).addClass('tech');
});

.sidebar nav
是ul，因此在
之后的选择器中不需要
ul
。sidebar nav
：

$( ".sidebar-nav li:nth-child(2)" ).addClass('tech');

您可以将其添加到类之前，以指定该类属于
ul
：

$( "ul.sidebar-nav li:nth-child(2)" ).addClass('tech');

注意：因为您使用的是jquery，所以可以使用（基于零的）选择器：

$( "ul.sidebar-nav li:eq(1)" ).addClass('tech');

希望这有帮助


$（函数（）{
$（“ul.sidebar-nav li:eq（1）”）.addClass（'tech'）；
});
.tech{
颜色：绿色；
}


链接1
链接2


将
.sidebar nav ul
更改为
.sidebar nav
，因为类
.sidebar nav
已经是
ul
了，您的代码所做的是在类
中搜索一个ul。sidebar nav
是一个，这就是您不添加类的原因
您可以将选择器更新为：

$(".sidebar-nav li:nth-child(2)").addClass('tech');
// or
$("ul.sidebar-nav li:nth-child(2)").addClass('tech');


$（“.sidebar-nav-li:nth-child（2）”）.addClass（'tech'）
.tech{
颜色：红色
}


链接1
链接2

它应该是：

$(function() {
 $( "ul.sidebar-nav li:eq(1)").addClass('tech');
});

.sidebar nav
内没有
ul
<代码>$（“ul.sidebar-nav li:nth child（2）”）
请解释您所做的更改。仅仅使用工作代码不是一个好主意answer@Rajesh他发了一篇没有解释的帖子，因为他收到了一封信votes@guradio请检查我的更新，如果不需要，请还原它。这很奇怪，如果我在html中插入代码不起作用，但是如果在我的控制台上插入，它起作用了，知道发生了什么吗？很奇怪发生了什么，如果我在html中插入代码不起作用，但是如果在我的控制台上插入代码，它就起作用了，你知道发生了什么吗？谢谢，我不确定，它在本地我这边起作用。只要确保控制台中有任何错误，并确保代码包装在ready函数中…我发现了错误，但没有解决方法，问题是因为我正在使用：，我尝试将js放入de file client.html中，但仍然不起作用，我如何解决这个问题？谢谢我不是一个有棱角的开发者抱歉：（但我认为这个链接应该会有帮助。