Adicionar e Remover linhas de uma tabela

1. Adicionar e Remover linhas de uma tabela

Paulo Rodrigo
paulopugin

(usa Debian)

Enviado em 16/12/2011 - 17:39h

No script abaixo estou incluindo linhas em uma tabela html e tentando remover, o problema é que em vez de remover a linha o script está removendo somente a coluna, se alguém puder me ajudar valeu!

teste.php:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(function () {
function removeCampo() {
$(".removerCampo").unbind("click");
$(".removerCampo").bind("click", function () {
i=0;
$("#minha_tabela tr").each(function () {
i++;
});
if (i>2) {
$(this).parent().remove();
}
});
}
removeCampo();
$(".adicionarCampo").click(function () {
novoCampo = $("#minha_tabela tr:last").clone();
novoCampo.find("input").val("");
novoCampo.insertAfter("#minha_tabela tr:last");
removeCampo();
});
});


</script>
<form method="post" name="testes_cadastro" id="testes_cadastro" enctype="multipart/form-data" onSubmit="return verifica_form(this)">
<div id="mostra_niveis">

</div>
<center>
<table width="700" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#BFBFBF" bordercolordark="#FFFFFF" id="minha_tabela">
<tr class="LinhaCab">
<td width="250" class="TextoCab">Título</td>
<td width="110" class="TextoCab">Revisão</td>
</tr>
<tr>
<td >
<input name="titulo_anexo[]" type="text" size="28" /></td>
<td><a href="javascript: void(0)" class="removerCampo TextoLista">Remover</a></div>
</td>
</tr>
</table>
<br>
<table width="700" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#BFBFBF" bordercolordark="#FFFFFF">
<tr class="LinhaCab">
<td colspan="3" align="center"><div align="center"><a href="javascript: void(0)" class="adicionarCampo TextoCab">Adicionar</a></div></td>
</tr>
</table>
</center>

</form>
<br>
<br>
<br>
<br>



  


2. Re: Adicionar e Remover linhas de uma tabela

Raimundo Alves Portela
rai3mb

(usa Outra)

Enviado em 16/07/2012 - 23:01h

Você já deve ter resolvido, mas aqui vai a solução caso alguem mais precise:

O problema é que a classe esta dentro do link, o link dentro de um TD, então quando vc remove usando o this (link) parente (TD), acaba removendo o TD, para remover o TR, basta usar mais um parent...:


$(this).parent().parent().remove(); // remove a linha












Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts