Usar remove()

[cdfree 3]

tenho que remover input's referenciado pela tag class= email1,email2,......., no fim do script eu estou utilizado o remove pego palavra email e incremento para remover cadada elemendo por vez, mas não consigo atribuir a class ao remove.

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">  
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>  
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>  
<script>
$(function(){
    var count = 0;
    $("#incluir").click(function()
    {     count += 1;
     /* Verificar se tem algum email no campo email em seguida imprimi o campo com valor digitado */
        var email = $(".email").val();
        if(email !='')
        {
        $("span").prepend('<input type=text name=email size=60 id="input" class=email' + count + ' value='+ email +' ><a href="#" "style=text-decoration:none;color:#000;"><img class=email'+ count +' src="../img/excluir.png" border="0" style="width:15px;height:15px;"></a><br>');
        $("#input").css("border","1px");
        }
    }); // Fim incluir Campo/Email
    
    $(function()
    {
      $("#emailAct").click(function()
              {
               var email1 = $(".email1").val();
               //alert(email1);
              });
      });

});
/*  Fim do adicionar campo  */
$(document).ready(function() {
contar = 0
$("#removerEmail").click(function(){
contar +=1;
var str = "email"+contar;
alert(str);
$(.str).remove();


});
});
</script>
<span>
</span>
<input type="text" class="email" name="email" size='60' maxlength="60">
<button style='border:0px;background:#FFFFFF;' id="incluir" title="Adicionar novo Contato"><img src="../img/adicionar.png" border="0" style="width:15px;height:15px;"></button><br>
<input type="submit" id="emailAct" value="Gravar Informação"><input type="submit" id="removerEmail" value="Excluir Email ">

[Lucas M. Martins 5]

Amigo , dica , se esse for o código final verifique as aspas simples e duplas em todo o seu projeto, está faltando.

 

Creio eu que se fizer isso e alterar o

var str = "email"+contar;

para

var str = ".email"+contar;

deva funcionar.

[cdfree 3]

Já fiz

$(".str").remove(); e não deu certo, quando coloco direto $(".email1").remove(); dá certo

[Maujor 144]

Se você está pretendendo remover de uma só vez todos os emails que foram adicionados na lista, basta esvaziar o conteudo do elemento SPAN assim:

$("#removerEmail").click(function(){
  $("span").text('');
});

Nesse caso é conveniente atribuir uma classe ou id para o elemento SPAN que contém a lista, para não correr o risco de esvaziar TODOS os SPAN da página.