[JS][JQuery] Wykrywanie właściwego kontenera Opcje

[KotWButach]

Witam
Mam do was takie dość użyteczne pytanie może pomożecie i wprowadzicie mnie na wyższy poziom.

Powiedzmy że mamy jakiś komponent ten komponent jest od siebie niezależny oraz występuje na stronie kilka razy.

[PHP] pobierz, plaintext 
 
<div class="component">
<!-- cała maszyneria komponentu -->
</div>
 
<div class="component">
<!-- cała maszyneria komponentu -->
</div>
 
<div class="component">
<!-- cała maszyneria komponentu -->
</div>
 
[PHP] pobierz, plaintext 

Do tej pory by odróżnić je od siebie tak by akcja np: hide, ajax itd wykonywała się tylko dla wybranego używałem indywidualnego id. Moje pytanie brzmi czy div sam w sobie posiada jakiś unikalny kod? Który po przeładowaniu strony nadal by pozostawał gdyż część danych trzymana jest po stronie serwera w plikach tymczasowych trzyma tam się wszystkie ustawienia które są pobierane po przeładowaniu strony. Nie jest to też get ale informacje przesyłane są z komponentów metoda post.

[by_ikar]

Możesz też użyć dodatkowych klas, które będą działać na podobnej zasadzie co ID, no ale ID nie będą:

[HTML] pobierz, plaintext 
<div class="component first">
<!-- cała maszyneria komponentu -->
</div>
 
<div class="component second">
<!-- cała maszyneria komponentu -->
</div>
 
<div class="component third">
<!-- cała maszyneria komponentu -->
</div>
[HTML] pobierz, plaintext 

no a potem w css możesz użyć tego tak:

Kod

.component.first {
    //something
}

lub w jquery:

Kod

$('.component.first').on('click',function() {
    $(this).... //
});

Lub zostaje ci nth-child, oraz jak koledzy wyżej napisali index.

Ten post edytował by_ikar 17.07.2014, 12:01:42