title: Chrome querySelector() of a table into an array
body: <p>Using the chrome dev tools and console, I want to create an organised table or array from the HTML table in the console. What I have so far returns a long string of all the span elements: </p>
  
  <pre><code>$('tbody &gt; tr &gt; td &gt; span').text();
  </code></pre>
  
  <p>Would someone be able to educate me as to how I can create an array of each row in the HTML table?</p>
  
  <p><em>(site for ref: <a href="https://www.copart.com/lotSearchResults/?free=true&amp;query=" rel="nofollow noreferrer">https://www.copart.com/lotSearchResults/?free=true&amp;query=</a> as you can see there's no class's or id's on any of the elements in the table)</em></p>
  
  <p>EDIT: table structure as requested in comments</p>
  
  <pre><code>&lt;tr&gt;
  &lt;td&gt;&lt;span data-uname="lotsearchLotnumber"&gt;1997&lt;/span&gt;
  &lt;td&gt;&lt;span data-uname="lotsearchLotnumber"&gt;FORD&lt;/span&gt;
  &lt;td&gt;&lt;span data-uname="lotsearchLotnumber"&gt;45&lt;/span&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;span data-uname="lotsearchLotnumber"&gt;1998&lt;/span&gt;
  &lt;td&gt;&lt;span data-uname="lotsearchLotnumber"&gt;FORD&lt;/span&gt;
  &lt;td&gt;&lt;span data-uname="lotsearchLotnumber"&gt;40&lt;/span&gt;
  &lt;/tr&gt;
  ...
  </code></pre>
  
  <p>I'd like to output an array like so:</p>
  
  <pre><code>[1997, FORD, 45]
  [1998, FORD, 40]
  ...
  </code></pre>