Question

Say that I have a table with id “unique” and that i have executed

$('.8').hide();
$('.3').hide();

Now I only want to show the row with 1 visible collumn and hide the rest, I.E I want to hide all rows except the first one (Still having the second and third collumn hidden), how can I check if a table row have more than 1 visible collumn?

<table id="unique">
<tr class = "opponent4 opponent3 opponent5">
<td class="1">1</td>
<td class="3">3</td>
<td class="8">8</td>
</tr>
<tr class = "opponent7 opponent3 opponent9">
<td class="1">1</td>
<td class="1">1</td>
<td class="8">8</td>
</tr>
<tr class = "opponent1 opponent3 opponent4">
<td class="1">1</td>
<td class="2">2</td>
<td class="8">8</td>
</tr>

Answer 1

Get an array of TRs. Filter out ones that contain 1 visible TD. Hide the rest.

$("#unique tr").filter(function() { return $(this).find("td:visible").length != 1}).hide();