Вопрос по селекторам

by blancod

HTML

<ul id="nav-main" class="sf">
    <li class="wsc_first">text </li>
    <li>text </li>
    <li class="sab"><a href="" title="двери">text </a>
        <ul>
            <li class="wsc_first"><a href="" title="пластиковые">text </a></li>
            <li>text </li>
            <li class="wsc_last">text 
                <ul>
                    <li class="nav-current wsc_first"><a href="" title="пластиковые">text </a></li>
                    <li>text </li>
                    <li class="wsc_last">text </li></ul></li></ul></li>
    <li>text </li>
    <li class="sab"><a href="" title="Окна">text </a>
        <ul>
            <li class="wsc_first"><a href="" title="Железные">text </a></li>
            <li></li>
            <li class="wsc_last">text </li></ul></li>
    <li>text </li>
    <li>text </li>
    <li class="wsc_last">text </li></ul>

CSS

.added2 {
    background-color:red;
}
.added1 {
    background-color:green;
}

JavaScript

$(document).ready(function(){
    $("#nav-main .nav-current").parent().parent().parent().parent("li").addClass("added2");
    $("#nav-main .nav-current").parent().parent("li").addClass("added1");
});