Jquery添加类问题

Question

这是我的 html 结构

  <ul>
    <li>Main 1
        <ul>
            <li><a href=''>Child 1-1</a></li>
            <li><a href=''>Child 2-1</a></li>
            <li><a href=''>Child 3-1</a></li>
            <li><a href=''>Child 4-1</a></li>
        </ul>   
    </li>
    <li>Main 2
        <ul>
            <li><a href=''>Child 1-2</a></li>
            <li><a href=''>Child 2-2</a></li>
            <li><a href='' class='selected'>Child 3-2</a></li>
            <li>Child 4-2</li>
        </ul>   
    </li>
    <li>Main 3</li>
</ul>

现在我需要的是在 document.ready 上 jquery 检查 <li>的<a>已选择类(class)。如果它找到一个，它会将类“mainselected”放在其父类 <li> 上以及其上的“listul”类 <ul>这样代码就会像这样

<ul>
    <li>Main 1
        <ul>
            <li><a href=''>Child 1-1</a></li>
            <li><a href=''>Child 2-1</a></li>
            <li><a href=''>Child 3-1</a></li>
            <li><a href=''>Child 4-1</a></li>
        </ul>   
    </li>
    <li class='mainselected'>Main 2
        <ul class='listul'>
            <li><a href=''>Child 1-2</a></li>
            <li><a href=''>Child 2-2</a></li>
            <li><a href='' class='selected'>Child 3-2</a></li>
            <li>Child 4-2</li>
        </ul>   
    </li>
    <li>Main 3</li>
</ul>

任何人都可以给我一个 jquery 代码吗？

谢谢

Answer 1

$(function(){     
  $('li a.selected').closest('ul').addClass('listul')
    .parent().addClass('mainselected');    
});