title: Best way to get a specific descendant relative to a Navigator Object
body: <p>Here is an example of the HTML I am working with:</p>
  
  <pre><code>&lt;div //this is the Navigator I have
      &lt;div
      &lt;div class = 'myClass'
          &lt;div
              &lt;sort-table
                  &lt;table
                      &lt;thead &lt;/thead&gt;
                      &lt;tbody &lt;/tbody&gt; //this is the Navigator I want
                  &lt;/table&gt;
              &lt;/sort-table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      ... (you get the idea)
  </code></pre>
  
  <p>I have a method that is supposed to grab the table relative to a specific Navigator. The Navigator in question is linked up to the div I have marked in the HTML above. and I want it to return the tbody.</p>
  
  <p>I am surprised there is no getAllDecendents method for Navigator.</p>
  
  <p>right now my method looks like this:</p>
  
  <pre><code>Navigator getTable(Navigator config){
          return config.children($(By.xpath("//div[@class='myClass']"))).children().children().children().children($(By.xpath("//tbody")))
      }
  </code></pre>
  
  <p>It works fine, but I don't like that I have to do the children() chain. I have to imagine there is simply a way to grab a descendant based on a particular selector but I can not find anything like that in the API</p>
  
  <p>I should add there is a very good reason I don't just use xpath to grab that table. This is just a small snippet of the HTML. This same structure is duplicated many times on the page which is why I have the getTable method.</p>