Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery]Usuwanie DIV'a po kliknięciu linku...
--Rudy--
post
Post #1





Goście
Witam,

Mam taką konstrukcję strony:

[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<meta http-equiv="content-type" content="text/html; charset=utf-8">
  4. 		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  5. 		<style>p {margin-top: 5px; margin-bottom: 5px}
  6. 		.komentarz, .odpowiedz {margin-top: 50px; margin-bottom; 50px;}</style>
  7. 	</head>
  8. 	<body>
  9. 		<div id="komentarze">
  10. 			<div class="komentarz">
  11. 				<div class="pierwszy">
  12. 				<p>Tutaj jest avatar i inne dodatki</p>
  13. 					<div class="tresc">
  14. 						<a href="#usun" class="usun">Usuń komentarz</a>
  15. 						<p>Treść głównego komentarza...</p>
  16. 					</div>
  17. 				</div>
  18. 				<div class="odpowiedz">
  19. 				<p>Tutaj jest avatar i inne dodatki</p>
  20. 					<div class="tresc">
  21. 						<a href="#usun" class="usun">Usuń komentarz</a>
  22. 						<p>Treść odpowiedzi do komentarza</p>
  23. 					</div>
  24. 				</div>
  25. 				<div class="odpowiedz">
  26. 				<p>Tutaj jest avatar i inne dodatki</p>
  27. 					<div class="tresc">
  28. 						<a href="#usun" class="usun">Usuń komentarz</a>
  29. 						<p>Treść odpowiedzi do komentarza</p>
  30. 					</div>
  31. 				</div>
  32. 			</div>
  33. 		</div>
  34. 	</body>
  35. </html>
[HTML] pobierz, plaintext


Chodzi mi o to, żeby po kliknięciu na div.usun usuwał się, a dokładniej wykonywał się slideUp dla div.pierwszy lub div.odpowiedz (w zależności, w jakim z nich znajduję się div.usun). Próbowałem w ten sposób:

[script]$('.usun').click(function() {
$(this).parent('.tresc').slideUp()
});[/script]

To usuwa tylko treść, avatar zostaje. A to ma usunąć .odpowiedz lub pierwszy.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
fate
post
Post #2





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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

sprobuj
[HTML] pobierz, plaintext 
  1.     $('.usun').click(function() {
  2.     $(this).parent('.odpowiedz').slideUp()
  3.     });
[HTML] pobierz, plaintext


ale to wywali wszystkie divy z ta klasa tak chcesz?
Go to the top of the page
+Quote Post
mch.frnc
post
Post #3





Grupa: Zarejestrowani
Postów: 73
Pomógł: 4
Dołączył: 15.08.2008

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

Cytat(fate @ 17.07.2013, 09:57:27 ) *
ale to wywali wszystkie divy z ta klasa tak chcesz?

Jeśli nie chcesz wywalać wszystkich divów to ja bym tutaj skorzystał z jQuery'owego .closest() lub podobnej metody, wtedy jesteś w stanie usunąć ten jeden konkretny pozostawiając resztę nieruszoną.

Go to the top of the page
+Quote Post

Posty w temacie
- -Rudy-   [jQuery]Usuwanie DIV'a po kliknięciu linku...   16.07.2013, 14:53:40
- - -Rudy-   [JAVASCRIPT] pobierz, plaintext $('.usun'...   16.07.2013, 14:54:49
- - -Rudy-   Nie mam pojęcia jak to zrobić...   16.07.2013, 17:01:17
- - fate   sprobuj [HTML] pobierz, plaintext $('.usu...   17.07.2013, 08:57:27
- - mch.frnc   Cytat(fate @ 17.07.2013, 09:57:27 ) a...   17.07.2013, 12:03:17

« Następny starszy · Przedszkole · 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 · Przełącz na: Linearny+ · Drzewo

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

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