[JavaScript]usuwanie wierszy z tabeli po id Opcje

[Randallmaster]

Witam,

Zaczynam dopiero zabawę z jquery i mam mały problem, nie mogę usunąć danego wiersza po id. Moje kody:

Budowa tabeli:

[HTML] pobierz, plaintext 
		<tbody id="elements">
			<tr class="element">
				<td name="lp[1]" align="center">1</td>
				<td><input name="name[1]" type="text" value="" /></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td align="center">
					<button class="button" id="remove" style="margin: 5px 0 5px 0;"/>
						<img src="../ikony/usun_lp.png" />
					</button>
				</td>
			</tr>
		</tbody>]
[HTML] pobierz, plaintext 

Budowa Jquery:

[HTML] pobierz, plaintext 
$(document).ready(function() {
 
var lp = 1;
$('#remove').click(function(){
	$('#elements .element:td[name="lp['+lp+']"]').remove($('#elements'));
});
});
[HTML] pobierz, plaintext 

Ten post edytował Randallmaster 30.12.2012, 11:50:56

[mortus]

No cóż, to normalne, bo newRow to wszystkie elementy klasy element. Jeśli miałoby to być w takiej formie, to tak:

[JAVASCRIPT] pobierz, plaintext 
$('#remove').click(function(){
	var newRow = $('.element');
	var rowToRemove = newRow.find('td[id="lp['+lp+']"]').parent();
	rowToRemove.remove();
});
[JAVASCRIPT] pobierz, plaintext 

PS: Trzeba się zastanowić co dany selektor dokładnie określa. Radzę też korzystać z narzędzi takich jak Firebug dla Firefox-a, bo naprawdę ułatwiają życie.

Ten post edytował mortus 30.12.2012, 12:51:55