Estou fazendo um crud ajax onde usuário escolhe um resultado vindo de uma data-list para ser adicionado a uma tabela(html).
data-list
<div class="list_details">
<ul>
<li id="valor"><img src="..."><p>Nome</p></li>
<hr>
<li id="valor"><img src="..."><p>Nome</p></li>
<hr>
<li id="valor"><img src="..."><p>Nome</p></li>
<hr>
</ul>
</div>
Ao clicar em uma das li
um evento é disparado:
$('.list_details li').on('click',function(){
if(! $('.tab_aluno').find('tr').attr('id') == $(this).attr('id') ){
$('.tab_aluno').before('<tr class='+$(this).attr("id")+'><td><img src="'+$(this).find('img').attr('src')+'"></td><td>'+$(this).find('p').text()+'</td><td class='remove'>X<class="remove">X</td></tr>');
}
$('.list_details').hide();
});
O código pra fazer insert nas tabelas funciona, porém quero verificar na propria tabela se a id já foi incluída. Ai onde o bicho pega, na hora de fazer esse "SE A ID EXISTIR NA TABELA"
O código acima vai gerar algo como:
<table class="tab_aluno">
<tr id="id">
<td><img src="..."></td>
<td>Nome</td>
<td class='remove'>X</td>
</tr>
<tr id="id">
<td><img src="..."></td>
<td>Nome</td>
<td class='remove'>X</td>
</tr>
</table>
Portanto, estou procurando uma lógica para o if, para que ele pesquisa em todas as <tr>
já existentes na <table>
e verifique se a id já foi incluída para evitar resultados duplicados