title: jQuery get text from deepest element best practice
body: <p>I want to access only a name of the artist, in this case "Guns N Roses". I already have a solution: <a href="http://jsfiddle.net/QRBgp/4/" rel="nofollow">http://jsfiddle.net/QRBgp/4/</a></p>
  
  <p>But I am interested is there any shorter way for this? Better way? I know some would say "if it works, why do you ask", but I am curious.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="now_playing" class="tab ui-tabs-panel ui-widget-content ui-corner-bottom"&gt;
  &lt;div class="banner"&gt; … &lt;/div&gt;
  &lt;div class="banner_wrap banner_top_left"&gt;&lt;/div&gt;
  &lt;div class="banner_wrap banner_bottom_left"&gt;&lt;/div&gt;
  &lt;div class="banner_wrap banner_top_right"&gt;&lt;/div&gt;
  &lt;div class="banner_wrap banner_bottom_right"&gt;&lt;/div&gt;
  &lt;div class="play-cont"&gt;
      &lt;div class="curr-song-block clearfix"&gt;
          &lt;div class="thumb"&gt; … &lt;/div&gt;
          &lt;div class="descr"&gt;
              &lt;em&gt; … &lt;/em&gt;
              &lt;h3&gt; … &lt;/h3&gt;
              &lt;div class="data-block"&gt;
                  &lt;div class="data"&gt;
                      &lt;strong&gt; by &lt;/strong&gt;
     Guns N Roses
  &lt;/div&gt;
                  &lt;div class="data"&gt;
                    &lt;strong&gt; on &lt;/strong&gt;
     Appetite for Destruction
  &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;&lt;p&gt; … &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="accordion" class="ui-accordion ui-widget ui-helper-reset" role="tablist"&gt; … &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>jQuery I used:</p>
  
  <pre><code>$( ".data-block" ).click(function() {
  alert($('#now_playing').find('.descr').find('.data-block').find('.data:first-child').clone().children("strong").remove().end().text()); 
  });
  </code></pre>