Drukowana wersja tematu

Napisany przez: oriechmar22 13.06.2019, 19:32:32

Witam wszystkich, jestem tu nowy więc proszę nie krzyczeć, nie mam wielkiego doświadczenia w ajax
dlatego proszę o pomoc.

Otóż mam taki kod w php:

[PHP] pobierz, plaintext 
http://www.php.net/echo "<div class=\"rowGl\">";
	http://www.php.net/echo "<div class=\"row\"  \">".$zmienna1."</div>";
	http://www.php.net/echo "<div class=\"row\" \">".$zmienna2."</div>";
	http://www.php.net/echo "<div class=\"rowImg\" onclick=\"op('".$id."');\"><img src=\"./images/ico_rozwin.ico\" height=\"28\"></div>";
 
	http://www.php.net/echo "<div class=\"rowImg\" \"><a href=\"?deleteRekord=".$id."\" class=\"deleteRow\" ><img src=\"./images/ico_usun.ico\" height=\"28\"></a></div>";
 
[PHP] pobierz, plaintext 

Chodzi o to że gdy klikam w ikonkę: "ico_usun.ico" (czyli przycisk) to ma się usunąć cały div z klasą "rowGl", niestety usuwa się tylko div z klasą w selektorze a: deleteRow.
Nie wiem jak spowodować żeby usuwały się wszystkie divy, w których jest usuwana klasa "deleteRow" czyli począwszy od "rowGl" + wszystkie jego potomki.

Gdy mam jednego diva, to jest OK, działa bez zarzutu, ale już z bardziej skomplikowaną strukturą się nie daje. Czy to jest w ogóle możliwe do wykonania?
Poniżej kod ajax, który stosuję:

[HTML] pobierz, plaintext 
$('a.deleteRow').click(function(e) {
	e.preventDefault();
	var parent = $(this).parent();
	$.ajax({
		type: 'get',
		url: usnRekord.php',
		data: 'ajax=1',
		beforeSend: function() {
			parent.animate({'backgroundColor':'#fb6c6c'},300);
		},
		success: function() {
			parent.slideUp(300,function() {
				parent.remove();
			});
		}
	});
});
[HTML] pobierz, plaintext 

Próbowałem już różnych tricków z $('a.deleteRow') typu +, >, ~ z klasą rowGl, ale na nic
Zależy mi na tym rozwiązaniu ponieważ fajnie animuje usuwanie diva najpierw go animując na czerwono a następnie
zsuwa pozostałe divy do kupy

Jeśli ktoś wie jak można to zrobić i czy w ogóle można to będę wdzięczny za pomoc.
Te divy robią jakby za tabelkę, każdy jest oddzielony 1px odstępem i wygląda to jak tabela (styl kolorowani usunąłem żeby nie zaciemniać tematu)
i chciałbym tą formę utrzymać ale jeśli się nie da to trudno, wykombinuję coś innego.

Pozdrawiam
Marcin

Napisany przez: trueblue 13.06.2019, 19:46:00

Mają się usuwać elementy .rowGl czy elementy nadrzędne z klasą .deleteRow?

Jeśli to pierwsze, to: https://api.jquery.com/parents/ (dokumentacja dla parent() się kłania).

Napisany przez: oriechmar22 14.06.2019, 10:50:02

Ok, wielkie dzięki, poszło
Działa jak ta lala

pzdr.
Marcin