Forum PHP.pl > [jQuery]Usuwanie DIV'a po kliknięciu linku...

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery]Usuwanie DIV'a po kliknięciu linku...

-Rudy-

16.07.2013, 14:53:40

Witam,

Mam taką konstrukcję strony:

[HTML] pobierz, plaintext 
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<style>p {margin-top: 5px; margin-bottom: 5px}
		.komentarz, .odpowiedz {margin-top: 50px; margin-bottom; 50px;}</style>
	</head>
	<body>
		<div id="komentarze">
			<div class="komentarz">
				<div class="pierwszy">
				<p>Tutaj jest avatar i inne dodatki</p>
					<div class="tresc">
						<a href="#usun" class="usun">Usuń komentarz</a>
						<p>Treść głównego komentarza...</p>
					</div>
				</div>
				<div class="odpowiedz">
				<p>Tutaj jest avatar i inne dodatki</p>
					<div class="tresc">
						<a href="#usun" class="usun">Usuń komentarz</a>
						<p>Treść odpowiedzi do komentarza</p>
					</div>
				</div>
				<div class="odpowiedz">
				<p>Tutaj jest avatar i inne dodatki</p>
					<div class="tresc">
						<a href="#usun" class="usun">Usuń komentarz</a>
						<p>Treść odpowiedzi do komentarza</p>
					</div>
				</div>
			</div>
		</div>
	</body>
</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.

-Rudy-

16.07.2013, 14:54:49

[JAVASCRIPT] pobierz, plaintext 
$('.usun').click(function() {
$(this).parent('.tresc').slideUp()
});
[JAVASCRIPT] pobierz, plaintext

-Rudy-

16.07.2013, 17:01:17

Nie mam pojęcia jak to zrobić...

fate

17.07.2013, 08:57:27

sprobuj

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

ale to wywali wszystkie divy z ta klasa tak chcesz?

mch.frnc

17.07.2013, 12:03:17

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ą.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.