jQuery, obliczenie miejsca w grupie elementów menu wielopoziomowego Opcje

[Agape]

Mam takie menu

[PHP] pobierz, plaintext 
<?php
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
<ul>
    <li></li>
    <li></li>
    <li>element</li>
    <li></li>
    <li></li>
</ul>
<ul>
    <li></li>
    <li></li>
</ul>
?>
[PHP] pobierz, plaintext 

Chcę zrobić funkcje która będzie przesuwała element w góre i w dół, wszystko już mam ale nie mogę pobrać aktualnej pozycji z listy li. Każde li ma klase w której jest zapisany poziom w menu (które na 4 poziomy)
Jak używam:

[HTML] pobierz, plaintext 
$(this).parent("li.2").prevAll().length;
[HTML] pobierz, plaintext 

Zwraca mi pozycje ale tylko w aktualnym ul (tu wynosi 2) a chcę, żeby była to pozycja we wszystkich li class="2" (czyli tutaj 5).
Próbowałem na różne sposoby ale coś mi to nie wychodzi ;/.

[erix]

Po pierwsze - zobacz, jak wyglądają prawidłowe identyfikatory/klasy.

Zwraca mi pozycje ale tylko w aktualnym ul (tu wynosi 2) a chcę, żeby była to pozycja we wszystkich li class="2" (czyli tutaj 5).

Doczep się do rodzica (selektorem pobierasz uchwyt dla rodzica tych wszystkich UL, potem zwyczajnie używasz index.

[Agape]

Dzięki bardzo za pomoc, jeszcze tylko mam problem z pobraniem odpowiedniego elementu ;/. Moje li wygląda tak:

[PHP] pobierz, plaintext 
<?php
<li class="2">element
     <span style="float:right;"> 
        <span class="gora">^</span> 
        <span class="dol">v</span>
    </span>
</li>
?>
[PHP] pobierz, plaintext 

To oczywiście prowizorycznie jak na razie. Proboje pobrac numer li:

[PHP] pobierz, plaintext 
<?php
currentIndex = $("*").index(this.parent().parent());
alert(currentIndex);
?>
[PHP] pobierz, plaintext 

To mi wyswitla -1 czyli nie znaleziono elementow ;/. Probuje na rozne sposoby i ciagle tak samo, skladnia jest dobra bo probowalem na przykladzie

[PHP] pobierz, plaintext 
<?php
currentIndex = $("*").index(this);
alert(currentIndex);
?>
[PHP] pobierz, plaintext 

i mi wyswietla, tyle ze jest to span, ktory mnie nie intreresuje. Potrzebuje pobrac li.

Ten post edytował Agape 4.08.2009, 13:34:00

[erix]

1. nadal niepoprawnie nazywasz klasy
2. wiesz, na czym polega funkcja index? Co wyczytałeś w dokumentacji?

[Agape]

http://docs.jquery.com/Core/index :
index()
Szuka każdego pasującego elementu i zwraca jego wskaźnik jeżeli znajdzie jakiś element. Numerowanie zaczyna od 0.

z przykładu:
$("div").index(this);
czyli z wszystkich div wyszukaj ten ktorego dotyczy akcja

Sory ale na prawde nie rozumiem. Dokumentacja jest strasznie uboga. Dla czego klasy sa zle nazwane? Standardowy html ;/
Poza tym jak wpisuje

[PHP] pobierz, plaintext 
<?php
$(this).parent().parent().insertAfter("li.2:eq("+currentIndex+")");
?>
[PHP] pobierz, plaintext 

przestawia element o jeden w dol, niestety zle jest pobierany index wiec wstawia w zlym miejscu. Chcialbym tylko pobrac uchwyt do aktualnego li
Moglbys pokazac mi prawidlowa skladnie ?

[erix]

Sory ale na prawde nie rozumiem. Dokumentacja jest strasznie uboga.

No bo oprócz tego trzeba odrobinę ruszyć głową.

Dla czego klasy sa zle nazwane? Standardowy html ;/

Standardowy HTML: http://www.w3.org/TR/CSS21/syndata.html#keywords - do poduszki i nie zadajemy pytań z elementarza.

Szuka każdego pasującego elementu i zwraca jego wskaźnik jeżeli znajdzie jakiś element. Numerowanie zaczyna od 0.

Nie wskaźnik, ale liczbę porządkową w kolekcji wg danego selektora.

Chcialbym tylko pobrac uchwyt do aktualnego li
Moglbys pokazac mi prawidlowa skladnie ?

Aktualnego, czyli np. patrz:

Musisz pobrać najpierw kolekcję elementów do jakiejś zmiennej, np:

Kod

var items = $('#rodzic li');

// ... event:
index = items.index(this);

Pozycja jest w dużym stopniu uzależniona od prawidłowego selektora kolekcji.