title: Using jQuery to select span elements and the text following them
body: <p>I am trying to parse data from a website by using jquery to select the relevant information. But one section is a bit annoying. It has a variety of fields like color, weight, height. Most of the time, it is the same, but not always. So I would like to parse it. I would like to select each field, see that the first is color, and then be able to save the value "black" in my predefined color variable.</p>
  
  <p>But I don't know a way to select each span element and the text following it. Is there a sensible way to parse this data?</p>
  
  <pre><code>&lt;span class="outer"&gt;
    &lt;b&gt;Samsonite&lt;/b&gt;
    &lt;br&gt;
    &lt;br&gt;
    &lt;span class="inner"&gt;Color&lt;/span&gt;
    black
    &lt;br&gt;
    &lt;span class="inner"&gt;Weight&lt;/span&gt;
    5 kg
    &lt;br&gt;
    &lt;span class="inner"&gt;Height&lt;/span&gt;
    50 cm
    &lt;br&gt;
  &lt;/span&gt;
  </code></pre>