How to hide table row if input is empty?

Question

How can I make Jquery to detect if the input field inside the table is empty?

If inputs are empty I would to like to hide the row. How can I do it? I manage to hide the row if the input weren't inside the row.



 First Name
 Last Name
 Age

$('#entryTable tr').each(function() {
    if ($(this).find('td:empty').length) $(this).remove();
});

user_2943218 · Answer

You can try something like this:

$('#entryTable tbody tr').each(function() {
  var n = $(this).find("td").filter(function() {
    if ($("input", this).length) return $("input", this).val().length == 0;
    return $(this).text().length == 0
  })
  if (n.length == $(this).find("td").length) $(this).remove();
});

Problem is that none of your td is empty because of the input.

Demo

$('#entryTable tbody tr').each(function() {
  var n = $(this).find("td").filter(function() {
    if ($("input", this).length) return $("input", this).val().length == 0;
    return $(this).text().length == 0
  })
  if (n.length == $(this).find("td").length) $(this).remove();
});



  
    
      First Name
      Last Name
      Age

user_15019496 · Answer

$('#entryTable tbody tr').each(function() {
  var n = $(this).find("td").filter(function() {
    if ($("input", this).length) 
    return $("input", this).val().length == 0;
    return $(this).text().length == 0
  })
  if (n.length == $(this).find("td").length) $(this).remove();
});

tabel,tr,td{
border:1px solid black;
}



  
    First Name
    Last Name
    Age

How to hide table row if input is empty?

2 Answers