разделение списка

[Simon]

Помогите плз, решить проблемку....

Есть список который генерируется за счет постороннего скрипта. Результат получается такой:

<ul class="horizontal rootGroup">
   <li class="item first"><a class="link" id="m0"><span class="text">Numbers</span></a>
      <div class="slide">
         <ul class="vertical">
             <li class="item"><a class="link" id="m0_m0" href="#" style="width: 248px;"><span class="text">1</span></a></li>
             <li class="item separator" id="m0_m1" style="width: 248px;"><span class="text"></span></li>
             <li class="item"><a class="link" id="m0_m2" href="#" style="width: 248px;"><span class="text">2</span></a></li>
             <li class="item"><a class="link" id="m0_m3" href="#" style="width: 248px;"><span class="text">3</span></a></li>
             <li class="item"><a class="link" id="m0_m4" href="#" style="width: 248px;"><span class="text">4</span></a></li>
             <li class="item separator" id="m0_m5" style="width: 248px;"><span class="text"></span></li>
             <li class="item"><a class="link" id="m0_m6" href="#" style="width: 248px;"><span class="text">5</span></a></li>
             <li class="item"><a class="link" id="m0_m7" href="#" style="width: 248px;"><span class="text">6</span></a></li>
         </ul>
      </div>
   <li>
   <li class="item"><a class="link" id="m1"><span class="text">Letters</span></a>
   <li class="item last"><a class="link" id="m2"><span class="text">Simbols</span></a>
</ul>

Результат таков:

Numbers
   1
   2
   3
   4
   5
   6
Letters
Simbols

но надо что бы было так:

Numbers
   1
   2
     3
     4
   5
     6
Letters
Simbols

я сделал

$("li.separator").next("li.item").nextUntil("li.separator").css({ "marginLeft": "20px", "marginBottom": "10px", "marginTop": "10px"});

стили

.text{ line-height:30px; }

Проблема в том что я никак не могу убрать класс text для меню 3,4,6 и width их же ссылок... как бы я не добавлял ремув класс или аддкласс для тех списком которые идут после первого li.item после каждого сепаратора. Удаления атрибутов тоже не получается ((

Edited July 13, 2011 by Simon

[Great Rash]

На момент запуска скрипта эти элементы точно существуют?

[Simon]

На момент запуска скрипта эти элементы точно существуют?

да именно так они создаются...

с next и nextUntil все работает только я уже этими элементами что передвинул управлять не могу...

Edited July 13, 2011 by Simon

[Great Rash]

Ничо не понял... Так чтоль?

$("li.separator")
.next("li.item")
.nextUntil("li.separator")
.removeClass("text")
.css({"marginLeft": "20px", "marginBottom": "10px", "marginTop": "10px"});

[Simon]

не, не работает... надо удалить класс text из span и width из ссылки только для li.item из примера с текстом 3,4 и 6...

Есть

<li class="item"><a class="link" id="m0_m4" href="#" style="width: 248px;"><span class="text">4</span></a></li>

Надо

<li class="item"><a class="link" id="m0_m4" href="#"><span>4</span></a></li>

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

Edited July 13, 2011 by Simon

[Great Rash]

$( "li.separator" ).next( "li.item" ).nextUntil( "li.separator" ).each( function() {
  $( this ).css( {
    "marginLeft": "20px",
    "marginBottom": "10px",
    "marginTop": "10px",
    "width": "auto"
  } );

  $( "span", this ).removeClass( "text" );
} );

[Simon]

спасибо, вроде нормально...дальше разбирать буду, если че, вернусь