Selecting a table row who's siblings are hidden
<p>I have a html table with the following structure:</p>

<pre><code>&lt;table&gt;
&lt;tbody&gt;
  &lt;tr&gt;&lt;th&gt;heading1&lt;/th&gt;&lt;/tr&gt;
  &lt;tr style="display: none"&gt; &lt;td&gt;data1&lt;/td&gt;&lt;/tr&gt;
  &lt;tr style="display: none"&gt; &lt;td&gt;data1&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;

&lt;tbody&gt;
  &lt;tr&gt;&lt;th&gt;heading2&lt;/th&gt;&lt;/tr&gt;
  &lt;tr&gt; &lt;td&gt;data1&lt;/td&gt;&lt;/tr&gt;
  &lt;tr style="display: none"&gt; &lt;td&gt;data1&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>I am looking for a way to select a row in that table that holds  heading, but whose all siblings are hidden, in this example, heading2 wouldn't be selected because only one row is hidden.</p>
