3

Eu tenho uma função que ele cria um span com id, porém preciso que esse id seja gerado dinâmicamente exemplo id="span1" / id="span2", como eu faço isso?

$("#lista").append("<span id='span'><br> " + label + " - R$" + valor + "</span>" );
2
  • 3
    Já tentou criar uma variável com o valor, concatená-la junto ao id e incrementá-la a cada elemento adicionado?
    – Woss
    Commented 29/05/2018 às 14:54
  • 1
    Não seria melhor utilizar uma classe ? Na maior parte dos casos resolve o problema sem necessitar de fazer esse genero de coisas.
    – Isac
    Commented 29/05/2018 às 17:35

2 Respostas 2

2

Conte quantos spans que contenham o id que começa com "span" e some com +1. Isso irá criar um novo id sequencial:

var label = "label";
var valor = "10,00";

function addSpan(){
   var span_id = $("#lista span[id^='span']").length+1; // novo id
   $("#lista").append("<span id='span" + span_id + "'><br> " + label + " - R$" + valor + " - id: span"+ span_id +"</span>" );
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="lista"></div>
<button onclick="addSpan()">Adicionar span</button>

0
1

A maneira mais fácil que vejo é:

var x = 0;
$('O QUE VOCE ESCOLHER').click(function(){
    x++;
$("#lista").append(`<span id='span${x}'><br>  ${label} - R$ ${valor} "</span>` );
});

Ao invés de usar aspas simples ' ou aspas duplas "" coloque a crase, e pra cada variável você bota dentro de ${} daí o js já entende que o que está dentro de ${} é uma variável.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .