Question

我想得到第一个具有类“菜单”的li（如果脚本工作正确，Link1应该是红色）。这里有我的尝试http://plnkr.co/edit/vc6Dz23mXCipw2IjKAJe?p=preview

$(document).ready(function(){
  $(".page-sidebar .menu :first").addClass("active"); //???
  $(".page-sidebar .menu :first :first-child").addClass("active");
});

Answer 1

试试吧：

$(".page-sidebar .menu:first").addClass("active");

Answer 2

 $(".page-sidebar .menu :first").addClass("active"); //???

成为

 $(".page-sidebar .menu:first").addClass("active"); //???

完成了。

Answer 3

＆＃13;

$(".page-sidebar .menu:first").addClass("active"); //???

＆＃13;

.active{
  color:red
  
  }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="page-sidebar">
      <li class="toggler"><button class="btn btn-info"></button></li>
      <li class="search"><input type="text" placeholder="Search..."></li>
      <li class="menu">Link1
        <ul class="sub-menu">
          <li>Link1.1</li>
          <li>Link1.2</li>
        </ul>
      </li>
      <li class="menu">Link2
        <ul class="sub-menu">
          <li>Link2.1</li>
          <li>Link2.2</li>
        </ul>
      </li>
      <li class="menu">Link3</li>
      <li class="menu">Link4</li>
      <li class="menu">Link5</li>
    </ul>

＆＃13;

删除空格。如果你用类.menu引用li它应该没有空格。如果你有空间，它会寻找孩子

选择具有适当班级的第一个孩子

3 个答案: