Skip to main content
removeu 1 caractere do conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 127

Conte quantos spans que contenham o id que começamcomeç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>

Conte quantos spans que contenham o id que começam 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>

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>

Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 127

Conte quantos spans que contenham o id que começam 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>