Question

当其子级（.myclass）获得课程li时，如何将课程a.nav-link添加到.active？

<ul class="nav-tabs" id="myTab" role="tablist">
   <li class="nav-item">
       <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
   </li>
   <li class="nav-item">
       <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
   </li>
</ul>

Answer 1

如果您想通过检查用户点击链接的时间来执行此操作 -

$(".nav-link").click(function() {
  if($(this).hasClass('active'))
  $(this).parent('li').addClass('myclass');
});

，第二种方法是在所有链接上运行循环 -

$("ul li a").each(function(index) {
      if($(this).hasClass('active'))
      $(this).parent('li').addClass('myclass');
    });

Answer 2

如果使用JQuery，可以通过此代码执行此操作。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>

//对于ref，添加上面的脚本cdn

如果您必须在页面加载时指定此内容，请在onload / ready中使用此代码。

$("a.nav-link.active").parent('li').addClass('myclass');

如果您想点击a标签进行更改，页面无法获得回发，点击事件由a处理。

$("this").parent('li').addClass('myclass');

Answer 3

你可以在li里面循环锚标记，如果它有活跃的类，你可以在你的父级中添加你的欲望类。

＆＃13;

$("ul li a").each(function(index) {
  if($(this).hasClass('active'))
  $(this).parent('li').addClass('myclass');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav-tabs" id="myTab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
  </li>
</ul>

＆＃13;

当孩子获得新班级时，将班级添加到家长？

3 个答案: