Question

当第三个li元素具有.active类时，Jquery是否可以在.body元素中添加另一个类？它只能添加一个基于.active类的类，它必须是第三个li元素上的.active。

<div id="extendedinfobox">
   <ul class="prodtabmenu">
    <li></li>
    <li></li>
    <li class="active"></li>
    <li></li>
    <li></li>
  </ul>
 </div>
<div class="body">

Answer 1

https://jsfiddle.net/sn2nc9bd/1/

if($('ul.prodtabmenu').find('li:nth-child(3)').hasClass('active'))
{
   $('.body').addClass('newClass');   
}

Answer 2

if ($('ul.prodtabmenu').find('li:nth-child(3)').hasClass('active')) {
  //$('body').addClass('disabled');
  $('.body').addClass('disabled');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="extendedinfobox">
  <ul class="prodtabmenu">
    <li>2</li>
    <li>21</li>
    <li class="active">3</li>
    <li>4</li>
    <li>1</li>
  </ul>
</div>
<div class="body">

试试这个

使用.nth-child()

描述：选择所有父元素的第n个子元素。

使用.nth-child(3)选择第3个li

当特定元素具有活动类时，给出元素类

2 个答案: