title: jQuery scan UL structure for all items with certain class
body: <p>I have a ul>li structure similar to the following:</p>
  
  <pre><code>&lt;ul id="node"&gt;
      &lt;li&gt;&lt;a data-name="One"&gt;One&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a data-name="Two"&gt;Two&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="me" data-name="Three"&gt;Three&lt;/a&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a data-name="Four"&gt;Four&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a class="me" data-name="Five"&gt;Five&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>My need is to traverse this and grab the data-name attribute from each <code>&lt;a&gt;</code> element with the class me, which would result in an array:</p>
  
  <pre><code>items = {"Three","Five"}
  </code></pre>
  
  <p><strong>NEW ISSUE:</strong></p>
  
  <p>What if I wanted to start at <code>Three</code>, only knowing that the <code>data-name</code> attribute to traverse from is <code>Three</code> and only traversing down from there - i.e. the result would only be <code>Five</code>?</p>