[jQuery] Usuwanie z potwierdzeniem. Opcje

[L0k0]

Witam!

Przeszukałem forum i nie znalazłem odpowiedniego rozwiązania, sprawa wydaje się być prosta, a jednak taka nie jest.

Dodaję sobie kolejno div'y

[HTML] pobierz, plaintext 
<div>
<span>Pierwszy</span>
<button class="usun">Usuń</button>
</div>
<div>
<span>Drugi</span>
<button class="usun">Usuń</button>
</div>
[HTML] pobierz, plaintext 

Po kliknięciu Usuń pojawia się modal z pytaniem: Czy na pewno usunąć? TAK/NIE.

Po kliknięciu TAK div powinien się usunąć.

Problem jest taki, że nie jestem w stanie namierzyć konkretnego div'a, ponieważ $(this) wskazuje na przycisk w modalu. Myślałem nadawać przyciskom numerowane klasy (usun_1, usun_2) ale i tak nie wiem 'jak się do nich dostać'?

Ma ktoś jakiś pomysł?

Pozdrawiam!

[viking]

Jeżeli masz to opakowane w jakiś kontener np #test to

[HTML] pobierz, plaintext 
$('#test').on('click', 'div', function(e) {
console.log(this);
$(this).find('button')... //button
}
)};
[HTML] pobierz, plaintext 

Zwróci wartość div. Nie rozumiem do końca z czym masz problem

Ten post edytował viking 21.02.2014, 12:04:58

[Pyton_000]

albo

Kod

$(this).parents('div').remove();

Ten post edytował Pyton_000 21.02.2014, 12:11:29

[L0k0]

[PHP] pobierz, plaintext 
$('form.formularz').on('click', '.usun_zdarzenie', function(){
 
        $('#usun_zdarzenie').modal('show');
 
        $('.confirm').on('click', function(){
            console.log($(this));
            $('.usun_zdarzenie').parent().remove();
        });
    });
[PHP] pobierz, plaintext 

Tak wygląda mój kod do tego, czyli po kliknięciu usuń otwiera się okienko potwierdzenia. Jeśli ktoś kliknie TAK (.confirm) to usuwa div'a (rodzica buttona).

problem jest taki, że każdy div ma buttona o klasie 'usun_zdarzenie' i usuwa wszystkie.

[Turson]

może (this).find('div ktorego usuwamy').remove();

[phpion]

Spróbuj tak:

[JAVASCRIPT] pobierz, plaintext 
    $('form.formularz').on('click', '.usun_zdarzenie', function(){
		var $this = $(this); // DODANE
 
		$('#usun_zdarzenie').modal('show');
 
		$('.confirm').on('click', function(){
			$this.parent().remove(); // ZMIENIONE
		});
    });
[JAVASCRIPT] pobierz, plaintext 

[L0k0]

Działa, super, dzięki

[Daimos]

Nie rób tego za pomocą parent jak niektórzy podpowiadają ;/
Łatwo się naciąć i później mieć problemy, kiedy zmienisz strukturę HTML
Elementy na których chcesz działać, zawsze oznaczaj identyfikatorem:

[HTML] pobierz, plaintext 
<div id="div_1">
<span>Pierwszy</span>
<button class="usun" data-delete="div_1">Usuń</button>
</div>
[HTML] pobierz, plaintext 

W przycisku do usuwania podajesz j/w co chcesz usuwać i problem z głowy

[JAVASCRIPT] pobierz, plaintext 
$('button.usun').click(function(){
$('#'+$(this).data('delete')).remove();
return false;
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował Daimos 21.02.2014, 12:51:54

[phpion]

Czyli kiedy należy używać parent()? Nigdy, bo może się zmienić struktura dokumentu? Rozwiązań tutaj jest kilka, równie dobrze można użyć closest().

[Pyton_000]

eee... Przecież to co Ci dałem działa tak jak tego chciałeś...

http://jsfiddle.net/2xyKB/