[jQuery] Usunięcie dynamicznie zklonowanego formularza Opcje

[wicek]

Witam mam mały problem i nie mogę znaleźć rozwiązania prosze o naprowadzenie.

[HTML] pobierz, plaintext 
    <script type="text/javascript">
    $(document).ready(function() {
 
    	$('#dodaj_upad').click(function(){
			$('#elements .element:first').clone().appendTo($('#elements')).find('input').val('');
			return false;
    	});
	    $('#elements .element a').live('click', function(){
			var parent = $(this).parent();
			if($('#elements .element').index(parent)>0) parent.remove();
		});
    });
    </script>
	<div id="elements">
	<table>
		<tr>
			<td colspan="3" align="center" valign="middle"><h3>Upad</h3></td>
		</tr>
		<tr>
			<td colspan="2">Dodaj upad</td>
			<td><img src="obrazy/plus.png" id="dodaj_upad" style="cursor:pointer"></img></td>
		</tr>
			<tbody class="element">
				<tr>
					<td width="200px">Azymut upadu</td>
					<td><input type="text" name="azymut_upadu[]"/></td>
				</tr>
				<tr>
					<td>Upad</td>
					<td><input type="text" name="upad[]"/></td>
				</tr>
				<tr>
					<td><a href="#">usuń</a></td>
				</tr>
			</tbody>
	</table>
	</div>
[HTML] pobierz, plaintext 

Więc <tbody> zostaje powielone wszystko cacy tylko gdy sprawdza rodzica <a> to widać że coś się dzieje bo strona wraca do góry ale zklonowany formularz nie usuwa się.

Z góry dzięki za odpowiedź pozdrawiam

Wicek

Ten post edytował wicek 4.11.2015, 13:03:16

[nospor]

var parent = $(this).parent();
eee...przeciez parentem dla A jest TD a nie TBODY jak ci sie wydaje

[wicek]

No tak ale próbowałem już np link wpisać na luźno w tbody ale wtedy zostaje wyświetlony po za tabelą i podczas klonowania formularza nie pojawiają się następne linki.
Z drugiej strony próbowałem np dodać znaczniki <p></p> w kodzie i po nim szukać rodzica ale też nie działa. Tabela wszystko knoci ale chcę mieć wszystko poukładanie

[nospor]

Czemu poprostu nie zrobisz tak:

var parent = $(this).parents('.element:first');

?

No i po co w ogole ten warunek:
if($('#elements .element').index(parent)>0) parent.remove();

tak powinno byc:
parent.remove();

i juz.

[wicek]

Ten warunek jest ponieważ jeden formularz musi być wypełniony żeby nie dało się go skasować.

zrobiłem tak:

[HTML] pobierz, plaintext 
	    $('#elements .element a').live('click', function(){
			var parent = $(this).parent('.element:first');
			parent.remove();
		});
[HTML] pobierz, plaintext 

Ale dalej nic się nie dzieje zastanawaim się czy tbody tu nie bruździ...

Wyrzuciałem już link po za tbody dałem mu id i nic nie usuwa:

[HTML] pobierz, plaintext 
	    $('#usun_upad').click(function(){
			var parent = $(this).parent('.element:first');
			parent.remove();
		});
[HTML] pobierz, plaintext 

Ten post edytował wicek 4.11.2015, 14:21:34

[nospor]

var parent = $(this).parent('.element:first');
wyraznie napisalem w moim kodzie PARENTS anie PARENT. Patrz prosze co dostajesz

[wicek]

PO wprowadzeniu poprawek dalej nie działało ale coś mnie tkenło i okazało się że mam wersję jquery 1.11.1 po wgraniu 1.3.2 wszystko zaczeło działać.

Dziękuję za pomoc

Ten post edytował wicek 5.11.2015, 08:01:42