Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Kilka takich samych elementów, wyodrębnienie konkretnego elementu
Tomek67
post
Post #1





Grupa: Zarejestrowani
Postów: 19
Pomógł: 1
Dołączył: 27.01.2009

Ostrzeżenie: (0%)
-----

Witam, od kilku godzin męczę sie nad skryptem w jQuery ładującym dane z podstrony, problem tkwi w tym że mam kilka takich samych elementów i skrypt wykonuje sie jednocześnie dla wszystkich elementów, czytałem że trzeba utworzyć funkcję js używającą jQuery tylko za bardzo nie wiem jak to zrobić a tym bardziej jak wywołać bo chyba zwykła onClick="funkcja(parametr);" w kodzie html odpada bo to przeczy konwencji jQuery (oddzielenie javascript od html)

Mój kod(uproszczony):

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.       <script src="jquery-1.5.min.js"></script>
  4.       <script type="text/javascript">
  5.       $(document).ready(function(){
  6.          $('div a').click(function(){
  7.          $('div p').load($(this).attr('href')
  8.          );
  9.          return false;
  10.          });
  11.       });
  12.        </script>
  13.       </head>
  14. <body>
  15.  
  16. <div id="1"><a href="onosnik1.html">link 1</a><p id="1"></p></div>
  17. <div id="2"><a href="onosnik2.html">link 2</a><p id="2"></p></div>
  18. <div id="3"><a href="onosnik3.html">link 3</a><p id="3"></p></div>
  19. <div id="4"><a href="onosnik4.html">link 4</a><p id="4"></p></div>
  20. <div id="5"><a href="onosnik5.html">link 5</a><p id="5"></p></div>
  21. </body>
  22. </html>
[HTML] pobierz, plaintext


prosze o jakieś wskazówki, ogólny wzorzec...
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
JoShiMa
post
Post #2





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

Ostrzeżenie: (0%)
-----

Z <p> to nie problem bo mają id. Nota bene maja id takie same jak inne elementy co jest błędem, bo id powinno być unikalne. Nie zaleca się też by zaczynało się od cyfry. Jak nadasz elementom id to możesz się do nich odwoływać poprzez odpowiedni selektor.
Go to the top of the page
+Quote Post
askone
post
Post #3





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

Ostrzeżenie: (0%)
-----

Spróbuj tak:

[JAVASCRIPT] pobierz, plaintext 
  1. $(document).ready(function(){
  2.   $('div a').click(function(){
  3.      $(this).next().load($(this).attr('href'));
  4.      return false;
  5.  });
  6. });
[JAVASCRIPT] pobierz, plaintext


Nie sprawdzałem, pisane z palca

Pozdrawiam
Go to the top of the page
+Quote Post
Tomek67
post
Post #4





Grupa: Zarejestrowani
Postów: 19
Pomógł: 1
Dołączył: 27.01.2009

Ostrzeżenie: (0%)
-----

Cytat(askone @ 22.02.2011, 19:45:14 ) *
Spróbuj tak:

[JAVASCRIPT] pobierz, plaintext 
  1. $(document).ready(function(){
  2.   $('div a').click(function(){
  3.      $(this).next().load($(this).attr('href'));
  4.      return false;
  5.  });
  6. });
[JAVASCRIPT] pobierz, plaintext


Nie sprawdzałem, pisane z palca

Pozdrawiam


niestety nie działa



JoShiMa mógłbyś napisać przykładowy kod js dla 

[HTML] pobierz, plaintext 
  1. <div id="1"><a href="onosnik1.html">link 1</a><p id="p-1"></p></div>
  2. <div id="2"><a href="onosnik2.html">link 2</a><p id="p-2"></p></div>
  3. <div id="3"><a href="onosnik3.html">link 3</a><p id="p-3"></p></div>
  4. <div id="4"><a href="onosnik4.html">link 4</a><p id="p-4"></p></div>
  5. <div id="5"><a href="onosnik5.html">link 5</a><p id="p-5"></p></div>
[HTML] pobierz, plaintext


Ten post edytował Tomek67 22.02.2011, 19:51:47
Go to the top of the page
+Quote Post
askone
post
Post #5





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

Ostrzeżenie: (0%)
-----

Napisałem przecież (IMG:style_emoticons/default/smile.gif) Wrzuć do swojego kodu i sprawdź...
Go to the top of the page
+Quote Post
erix
post
Post #6





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Przecież jak masz użyte this w takim kontekście, jak masz, to powinno wykonywać indywidualnie. Najlepiej wystaw to live.

Poza tym, po co Ci tyle identyfikatorów? Poza poza tym, nie mogą się one od cyfry zaczynać, afair.
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 27.08.2026 - 22:21
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn