Skip to main content
adicionou 190 caracteres ao conteúdo
Fonte Link
Adriano Luz
  • 1mil
  • 8
  • 19

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

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</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>

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</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

Fonte Link
Adriano Luz
  • 1mil
  • 8
  • 19

Verificar se uma ID existe numa data-list

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</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>