Olá,
Tentei varias gambiarras (infelizmente) porém não consigo achar uma solução para minha idéia.
Eu tenho um "app" que cria uma lista de tarefas, só que eu gostaria de adicionar a minha lista um id diferente para cada div
adicionado dentro do div
principal.
var main = function(){
$('button').click(function(){
var tarefa = $('input[name=tarefa]').val();
var conferir = $('.item').text();
if(tarefa==conferir){
alert("Tarefa já foi adicionada!");
}
//Adiciona um div com o id item dentro do div com classe lista-tarefa
$('.lista-tarefa').append('<div id="item">' + tarefa + '</div>');
$('input[name=tarefa]').val('');
})
$(document).on('click', '.item', function(){
if (confirm("Deseja apagar?")){
$(this).remove();
}
})
}
$(document).ready(main)
Na parte do comentário ele sempre vai adicionar uma div
com o id igual, porém eu gostaria de adicionar com id diferente para poder fazer uma validação de repetição quando o usuário inserir a tarefa.
Na pratica eu gostaria de adicionar um div com id="item1"
, id="item2"
, e assim por diante.