Переприсвоение CSS-стиля пунктов меню на лету

[Syfer43]

Добрый день/вечер уважаемые господа, знатоки, форумчане!
Имеется следующая проблема:
Имеем сайт(WP), на котором навигационное меню строится через javascript:Void(). Проблема в том, что при данном формировании, получается код, вида:

<ul class=nav>
<li class=nav-item>Пункт 1</li>
<li class=nav-item>Пункт 2</li>
<li class=nav-item>Пункт 3</li>
</ul>

однако, я имею острую необходимость, некоторые пункты подменю стилизовать иначе(цвет, размер), c CSS проблем не возникло, однако, как бы так хитро поменять класс.(понятно, что используя .removeClass и .addCLass), но, к чему привязаться? какое условие? прошу помощи, сам уже понимаю, что, где и как.

[рони]

какое условие?

это должны определить вы сами scroll? ready? click?

[Syfer43]

Прошу прощения. Не верно выразил мысль(похоже устал очень, извиняюсь), делать это нужно, при documentReady. Но, как указать, какие именно пункты меню должны заиметь нужный класс.

[рони]

Но, как указать, какие именно пункты меню должны заиметь нужный класс.

это должны определить вы сами

что вы хотите сделать, по прежнему непонятно

[Syfer43]

У определённых меню поменять класс. Однако, уникального у них, только урл, и то, что между тегами <li>

[рони]

Syfer43,
я пас ... подожду телепата.

[Syfer43]

Syfer43,
я пас ... подожду телепата.

Ок, попробую еще раз:
есть меню, в них есть поменю:

<ul>
  <li>1</li>
     <ul>
       <div class="title">tit1</div>
       <li class=nav-item><a href=# />1.1</li>
       <li class=nav-item><a href=# />1.2</li>
       <li class=nav-item><a href=# />1.n</li>
     </ul>
  <li>2</li>
     <ul>
       <div class="title">tit2</div>
       <li class=nav-item><a href=# />2.1</li>
       <li class=nav-item><a href=# />2.2</li>
       <li class=nav-item><a href=# />2.n</li>
     </ul>
  <li>3</li>
     <ul>
       <div class="title">tit3</div>
       <li class=nav-item><a href=# />3.1</li>
       <li class=nav-item><a href=# />3.2</li>
       <li class=nav-item><a href=# />3.n</li>
     </ul>
  <li>4</li>
     <ul>
       <div class="title">tit4</div>
       <li class=nav-item><a href=# />4.1</li>
       <li class=nav-item><a href=# />4.2</li>
       <li class=nav-item><a href=# />4.n</li>
     </ul>
  <li>nn</li>
     <ul>
       <div class="title">titN</div>
       <li class=nav-item><a href=# />nn.1</li>
       <li class=nav-item><a href=# />nn.2</li>
       <li class=nav-item><a href=# />nn.n</li>
     </ul>
</ul>

как у пунктов 4.1, 4.2, 4.n заменить class nav-iten, на классы nav1,nav2,nav3 ?

[рони]

Syfer43,
можно так ...

$(function() {
    $('.nav-item:contains("4.")').each(function(indx, el) {
        $(el).removeClass('nav-item').addClass('nav' + ++indx)
    });
});

[Syfer43]

Ох, попробую)) спасииииибо!

[Syfer43]

с просонья не доуказал некоторых тонкостей

<ul class="nav">
  <li class=nav-item>1</li>
     <ul class=nav-sub>
       <div class="title">tit1</div>
       <li class=nav-item><a href=# />1.1</li>
       <li class=nav-item><a href=# />1.2</li>
       <li class=nav-item><a href=# />1.n</li>
     </ul>
  <li class=nav-item>2</li>
     <ul class=nav-sub>
       <div class="title">tit2</div>
       <li class=nav-item><a href=# />2.1</li>
       <li class=nav-item><a href=# />2.2</li>
       <li class=nav-item><a href=# />2.n</li>
     </ul>
  <li class=nav-item>3</li>
     <ul class=nav-sub>
       <div class="title">tit3</div>
       <li class=nav-item><a href=# />3.1</li>
       <li class=nav-item><a href=# />3.2</li>
       <li class=nav-item><a href=# />3.n</li>
     </ul>
  <li class=nav-item>4</li>
     <ul class=nav-sub>
       <div class="title">tit4</div>
       <li class=nav-item><a href=# />4.1</li>
       <li class=nav-item><a href=# />4.2</li>
       <li class=nav-item><a href=# />4.n</li>
     </ul>
  <li class=nav-item>nn</li>
     <ul class=nav-sub>
       <div class="title">titN</div>
       <li class=nav-item><a href=# />nn.1</li>
       <li class=nav-item><a href=# />nn.2</li>
       <li class=nav-item><a href=# />nn.n</li>
     </ul>
</ul>

поэтому, используя предложенный вами вариант, построенный на неверных данных, сообщенных мной, изменяется более вышестоящий li

т.е.

<li class=nav-item>4</li>
     <ul class=nav-sub>
       <div class="title">tit4</div>
       <li class=nav-item><a href=4.1 />4.1</li>
       <li class=nav-item><a href=4.2 />4.2</li>
       <li class=nav-item><a href=4.n />4.n</li>
     </ul>

меняется на

<li class=nav1>4</li>
     <ul class=nav-sub>
       <div class="title">tit4</div>
       <li class=nav-item><a href=4.1 />4.1</li>
       <li class=nav-item><a href=4.2 />4.2</li>
       <li class=nav-item><a href=4.n />4.n</li>
     </ul>

подскажите, как докрутить?