Preciso fazer um sistema para deletar mensagens, estas mensagens são colocadas dentro de div's, onde eu divido como o html logo abaixo. Como no check box existe um local para o click, eu separei uma div que irá simular a movimentação de um click, quando clicar nesta div ela deve mudar de aparência, para que fica evidenciado que aquela div está marcada. Em um outro momento preciso de um botão deletar mensagem, que irá varrer o DOM atrás de divs com a determinada classe adicionada.
Exemplo: Tenho a DIV-A, dentro tem varias outras divs inclusive a DIV-MARQUE, ao clicar nesta DIV-MARQUE, preciso que uma classe seja adicionado a ela, informando que ela está "selecionada". Ao clicar em um BOTAO-DELETE, preciso de uma função que varra as DIVs da pagina atrás da classe informada.
Preciso então resumindo de duas coiasas
1° - Ao clicar na DIV adicionar uma classe 'x' á ela.
2° - Ao clicar no botão "delete" preciso pegar os ID's localizado dentro das div selecionada com a classe 'x'
Abaixo meu HTML montado dinamicamente:
+' <div> '
+' <div class="selectedMensagem">'
+' <input class="idMenssagem" hidden="hidden" value="'+ ponteiro.COD_IDENT_COMUN +'" /> '
+' </div>'
+' <div class="emails mensagemEnviadaBorder">'
+' <input class="idMenssagem" hidden="hidden" value="'+ ponteiro.COD_IDENT_COMUN +'" />'
+' <div class="idEmails mensagemEnviada">' + letrasEmail(pointer.TXT_NOMEX_PESSO) + '</div> '
+' <div class="origemEmails">' + pointer.TXT_NOMEX_PESSO + '</div> '
+' <div class="dataeHoraEmails">' + inverteData(ponteiro.DAT_ENVIO_COMUN, 'data') + '</div>'
+' <div class="flagEmails">Enviado</div>'
+' <div class="assuntoEmails">' + ponteiro.TXT_ASSUN_COMUN + '</div>'
+' </div>'
+' </div>';
A ideia é eu clicar no selectedMensagem
, ele guardar o id
, contido no idMenssagem
e fazer o que eu descrevi na mensagem acima.
Agradeço desde já.
Projeto JSFiddle
"selecionado"
logo após virificar quais sãos noDOM
asdivs
que contem está classe."selectedMensagem
ele deve adicionar uma nova classe a está div e pesquisar no dom, por todas as div que tem a classe, (isso serve para mim mudar a aparência da div, para que fique semelhante a um select) Apos isto, preciso pegar o ID, porque tudo isto, é para que eu delete as mensagens selecionadas. Deu pra entender mais ?