1

Tenho uma tabela que quando o não se tem informação ela fica preenchida com um * por exemplo:

<tr>
   <td>Quant. do produto</td>
   <td>*</td>
</tr>

Mas a mesma pode aparecer com informação:

<tr>
   <td>Quant. do produto</td>
   <td>12</td>
</tr>

Como eu faria para ocultar a que tá sem informação (possuindo o *) dinamicamente?

Obs: se caso necessário, posso remover o * e deixar simplesmente vazio .

2 Respostas 2

4

Basta percorrer todas as td's e remover a linha da td que tiver apenas o asterisco:

document.addEventListener("DOMContentLoaded", function(){
   // seleciona todas as td's da tabela
   var tab = document.querySelectorAll("table td");
   for(var x=0; x<tab.length; x++){
      var td = tab[x];
      if(td.textContent.trim() == "*"){
         // remove a linha
         td.parentNode.outerHTML = '';
      }
   }
});
<table>
   <tr>
      <td>Quant. do produto</td>
      <td>*</td>
   </tr>
   <tr>
      <td>Quant. do produto</td>
      <td>12</td>
   </tr>
   <tr>
      <td>Quant. do produto</td>
      <td>*</td>
   </tr>
</table>

3
  • Tem como fazer isso acontecer automaticamente? Commented 19/06/2019 às 17:24
  • Tem sim. Alterei a resposta. ;)
    – Sam
    Commented 19/06/2019 às 17:27
  • Vlw pela ajuda amigo ;) Commented 19/06/2019 às 17:28
1

Acredito que usando JQuery seria mais prático assim:

$('tr:has(td:contains("*"))').hide();

2
  • 1
    Mais aí vc não está escondendo a linha, apenas a célula.
    – Sam
    Commented 20/06/2019 às 13:18
  • Faz sentido sua observação, fiz um ajuste para pegar pelo <tr> Commented 24/06/2019 às 19:47

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .