Pular para o conteúdo

Adicionar e Remover linhas de uma tabela

Responder tópico
  • Denunciar
  • Indicar

1. Adicionar e Remover linhas de uma tabela

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>

Responder tópico

2. Re: Adicionar e Remover linhas de uma tabela

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






Responder tópico

Responder tópico

Entre na sua conta para responder.

Fazer login para responder