Bem...
Tenho um campo dinâmico funcionando perfeitamente, só que, desde a primeira linha, ele já aparece o botão para remover o campo, eu gostaria que ele aparecesse obviamente após a segunda linha inserida.
Segue o código Java
$(function () {
var input = '';
function removeCampo() {
$(".removerCampo").unbind("click");
$(".removerCampo").bind("click", function () {
if($("tr.materia").length > 1){
$(this).parent().parent().remove();
}
});
}
$(".adicionarCampo").click(function () {
novoCampo = $("tr.materia:first").clone();
novoCampo.find("input").val("");
novoCampo.insertAfter("tr.materia:last");
removeCampo();
});
});
Segue o Form:
<form name="formMateria" method="post" action="acoes/cad_materia.php">
<div style="float:left">
<label for="quantidade">Qnt</label>
<input type="text" name="quantidade" id="quantidade" style="width:30px; text-align:center">
</div>
<div style="float:left; margin-left:10px;">
<label for="nome">Nome</label>
<input type="text" name="nome" id="nome">
</div>
<div style="float:left; margin-left:10px;">
<label for="incone">Icone</label>
<input type="file" name="incone" id="incone">
</div>
<div style="float:left; padding-top:22px; margin-left:10px;">
<a href="#" class="removerCampo"><img src="img/del.png" width="16" height="16" border="0" /></a>
</div>
Alguém poderia me dá uma luz de como remover a imagem <img src="img/del.png" width="16" height="16" border="0" /> da primeira linha?
Grato
