title: Javascript:: Select sibling(s) object(s) with querySelector
body: <p>Title is pretty much self explanatory...</p>
  
  <p>Here is my code :</p>
  
  <pre><code>&lt;div id=player&gt;
      &lt;div class="button hand"&gt;&amp;#9658;&lt;/div&gt;
      &lt;div class=time&gt;00:00/00:00&lt;/div&gt;   
      &lt;div class="timeline hand"&gt;&lt;span class="now hand"&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to be able to get the <code>&lt;span class="now hand"&gt;&lt;/span&gt;</code> which is in between <code>&lt;div class="timeline hand"&gt;&lt;/div&gt;</code> via <code>querySelector</code></p>
  
  <pre><code>var now=document.querySelector('#player&gt;_____________.now.hand');
  </code></pre>
  
  <p>I'm also thinking if there is more convenient way to pick object from the relative id by children(s) or sibling(s) number instead of using id or class name.</p>