如果子类具有活动类,则为父级添加类

时间:2018-01-28 17:06:19

标签: javascript html

如果孩子有班级active,我想将班级添加到家长。 这就是我所做的:

<ul class="grid-tab nav nav-tabs">
    <li role="presentation"><a href="#" class="active"></a></li>
    <li role="presentation"><a href="#" class=""></a></li>
    <li role="presentation"><a href="#" class=""></a></li>
</ul>

if ($(".grid-tab li a").hasClass("active")){
   $(".grid-tab li").addClass("active");
}

4 个答案:

答案 0 :(得分:2)

尝试以下方法:

$(".grid-tab > li > a").click(function(){
  $(".grid-tab > li").removeClass('active');
  if($(this).hasClass('active')){
    $(this).parent().addClass('active')
  }
});
.active{
 color:red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="grid-tab nav nav-tabs">
  <li role="presentation"><a href="#" class="active">A</a></li>
  <li role="presentation"><a href="#" class="active">B</a></li>
  <li role="presentation"><a href="#" class="active">C</a></li>
</ul>

答案 1 :(得分:0)

试试这个对我有用。

jQuery(this).parent('.active').addClass('yourClass');

答案 2 :(得分:0)

这是工作:

def exp(fridge):
    expList=[]
    xen = 0
    for i in range(0,len(fridge)):
        expList.append(fridge[xen].expiration)
        xen += 1
    print(expList)
    sortedList = sorted(expList)
    return sortedList.pop()

exp(fridge)


<ul class="grid-tab nav nav-tabs">
   <li role="presentation"><a href="#" class="active"></a></li>
   <li role="presentation"><a href="#" class=""></a></li>
   <li role="presentation"><a href="#" class=""></a></li>
</ul>

答案 3 :(得分:0)

这看起来很简单,选择具有活动类的那些,然后设置父级添加active类。我向li添加了一个类css,以显示它正常工作。其他答案有点击处理程序等,但这不是问题。

$(".grid-tab li a.active").parent("li").addClass("active");
   
li.active{border:lime solid 1px;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="grid-tab nav nav-tabs">
    <li role="presentation"><a href="#" class="active"></a></li>
    <li role="presentation"><a href="#" class=""></a></li>
    <li role="presentation"><a href="#" class=""></a></li>
</ul>