Jquery addclass问题

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>有'selected‘类。如果找到，它会将类'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');    
});

Answer 2

$(function() {  // on DOM ready
    $("ul > li > ul > li > a.selected")     // explicitly search in nested ul
        .closest("ul").addClass("listul")   // assing ".listul" to parent ul
        .parent().addClass("mainselected"); // assign ".mainselected" to containing li
});