title: Find the next span and print the text
body: <p>I have this code:</p>
  
  <pre><code>   &lt;div class="result"&gt;
      &lt;span class="number"&gt;number&lt;/span&gt;
     &lt;div class="results-metadata"&gt;
      &lt;span class="detail"&gt;&lt;span class="unique name 1"&gt;&lt;/span&gt; data 1&lt;/span&gt; 
      &lt;span class="detail"&gt;&lt;span class="unique name 2"&gt;&lt;/span&gt; data 2&lt;/span&gt;
        &lt;br/&gt;
      &lt;span class="detail"&gt;&lt;span class="unique name 3"&gt;&lt;/span&gt; data 3&lt;/span&gt;
        &lt;br/&gt;
      &lt;span class="detail"&gt;&lt;span class="unique name 4"&gt;&lt;/span&gt; data 4&lt;/span&gt;
          &lt;br/&gt;
     &lt;/div&gt;
        &lt;span class="label label-default"&gt;&lt;/span&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>So I want to print the information in span class="detail". I can do this by doing <code>soup.findAll('span', attrs={"class":"detail"})</code> and then iterating with a for loop to print them all. My problem is that I am writing this information into an excel sheet with xlsxwriter. I want the number to be associated with the data 1, 2, 3, and 4. The way I want to do this is by finding the span "unique name 1" and then print the next spans data (in this case data 1). I believe I can do this with xpath but have not figured out how. </p>
  
  <p>Can someone help me with printing the information in class "detail" by finding class "unique name 1" and then moving to the next span and printing that information? Thanks.</p>