How to hide a table row that the information contains *

Question

I have a table that when you don’t have information it’s filled with a * for example:

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

But the same can appear with information:

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

How would I hide what is without information (owning the *) dynamically?

Note: if necessary, I can remove the * and leave simply empty .

Answer 1

Just go through all the td's and remove the line from td with only the asterisk:

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>

Answer 2

I believe that using Jquery would be more practical like this:

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