title: How can I get all sibling ul tags?
body: <p>Here's an HTML snippet:
  from : <a href="http://www.sphere-light.com/compatibility/maker/id/4/" rel="nofollow">http://www.sphere-light.com/compatibility/maker/id/4/</a></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;h3 class="my-subject"&gt;a&lt;/h3&gt;
  
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  
  &lt;h3 class="my-subject"&gt;b&lt;/h3&gt;
  
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  &lt;ul class='ex'&gt;....&lt;/ul&gt;
  </code></pre>
  
  <p>How can I get just the 6 siblings <code>ul.ex</code> via <code>&lt;h3 class="my-subject"&gt;a&lt;/h3&gt;</code></p>
  
  <p>and get the next 6 <code>ul</code> via <code>&lt;h3 class="my-subject"&gt;b&lt;/h3&gt;</code>?</p>