Witam!

W jaki sposób odwołać się do pojedynczego elementu jeśli skrypt js (jQuery) odwołuje się do wielu klas css. Poniżej przedstawiam kod.

Fragment html jest w pętli dlatego używam klasy css do opisania bloku "comments". Na jednej stronie będzie kilka produktów a do każdego z nich planuje zrobić niezależnie rozwijane komentarze kożystajace z tej samej funkcji js.

[HTML] pobierz, plaintext 
 <p class="show_comments">komentarze</p>
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
 </div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">$(document).ready(function() {
 
 
 $('.comments').hide();
 $('.show_comments').hover(function() {
 	$('.comments').show();
 });
});
</script>
[HTML] pobierz, plaintext 

http://docs.jquery.com/Core/each#callback

musisz każdemu elementowi do którego chcesz się dostać nadać unikalne id

nie uzywam jQuerry ale jak w nawiasie dasz #idDiv zamaist .class to chyba zadziała ;] I wtedy w wywoływaniu funkcji przesyłasz parametr id div'a dla którego ma zajść dana akcja

Chodzi o to że nie chcę nadawać każdemu alementowi id poprzez argument id. Jeśli będę musiał nadać id do każdego bloku div to zrobię to prawdopodobnie w PHP.

nospor: chyba mnie nie zrozumiałeś ale dzięki za pomoc. Nie wiem jaki zastosowanie może mieć tutaj funkcja each. Codziło Tobie o dynamiczne nadanie argumentu id do kolejnych bloków div?

Pozdrawiam

to co ci podalem dotyczylo sie iteracji przez wszytkie elementy jakie masz na wybranej liscie.

moze sprobuj wyjasnic problem jeszcze raz.

Dla przykładu wrzuciłem kod z trzema blokami DIV. Kiedy użytkownik klikni w dany blok mają pojawić się komentarze ale tylko te przypisane do klikniętego bloku. Skrypt JS który zamieściłem powoduje rozwinięcie komentarzy we wszystkich blokach DIV a nie tylko w tym klikniętym. Jeszcze raz zaznaczam że nie chcę nadawać każdemu blokowi osobnego atrybutu ID. Jeżeli miałbym wprowadzić jakieś modyfikacje to raczej tylko do pliku JS. Pozdrawiam!

[HTML] pobierz, plaintext 
 <p class="show_comments">komentarze</p>
 
 
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
 </div>
 
<p class="show_comments">komentarze</p>
 
 
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
 </div>
 
<p class="show_comments">komentarze</p>
 
 
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">$(document).ready(function() {
 
 
 $('.comments').hide();
 $('.show_comments').hover(function() {
 	$('.comments').show();
 });
});
</script>
[HTML] pobierz, plaintext 

możesz dla każdego diva nadać akcje onclick i tam wrzucić kod / funkcje która by wywoływała to że dany blok się rozwija/pojawia typu:



można wpleść jakis warunek bazujący na tym czy element jest widoczny lub nie i by wykonywało się hide/show

Nie tetsowałem takiego rozwiązania razem z jQuery więc tylko mówie jak to na logiczny sposób powinno zadziałać ;]

Niestety w grę wchodzi tylko jQuery Nie chcę mieć bezpośrednich odwołań do funkcji JS ze znaczników HTML. Dzięki za pomoc melkorm

hm to z zewnatrz do danego elementu div'a się chyba nie odwołasz bo musza być unikalne bo jakoś musisz je rozpoznawać
I dlaczego nei chcesz mieć akcji onclick ? zawsze możesz wykonać funkcje która będzie jQuery? troche nie rozumiem Twojego rozumowania - po to akcja onclick chyba jest i po to się jej używa nie jest to żadnym złem

@melkorm to ze czegos nie umiesz, nie znaczy ze nie mozna tego zrobic


Przy zalozeniu ze divy leza obok siebie. jak nie leza obok siebie to tez sie da

Działa! Dzięki za pomoc nospor, jesteś GENIUSZEM