jQuery - Получить ссылку, применить к другому элементу и скрыть оригинал

Question

У меня есть код ниже. У меня есть несколько итераций в самом деле (несколько DIVs с классом wpdm-pro:

<div class='wpdm-pro'> 
    <div class="metro-block span4 wpdm-metro mm-block-03"> 
     <div class="caption"> 
      <h4 class="media-heading" style="padding: 0px;margin:0px">TITLE</h4> 
      <br/> 
      <div class="btn-group"> 
       <a class='wpdm-download-link wpdm-download-locked btn btn-success' rel='noindex nofollow' href='http://123.com'>Download</a> 
      </div> 
     </div> 
    </div> 
</div> 

У меня есть вопрос в том, как захватить URL, применить/оберните заголовок с ним, а затем скрыть ссылку/содержащий DIV так? он производит что-то вроде ниже. (логически - не физически)

<div class='wpdm-pro'> 
    <div class="metro-block span4 wpdm-metro mm-block-03"> 
     <div class="caption"> 
      <a class='wpdm-download-link wpdm-download-locked btn btn-success' rel='noindex nofollow' href='http://123.com'><h4 class="media-heading" style="padding: 0px;margin:0px">TITLE</h4></a> 
      <br/> 
     </div> 
    </div> 
</div> 

Если есть способ, чтобы удалить <br/> тег и добавить его перед ссылкой, что бы вишенкой на вершине торта

Это то, что я пробовал

<script type="text/javascript"> 
     $("document").ready(function() { 
      $('.wpdm-download-link').each(function() { 
       var theLink = $(this).attr('href'); 
       $(this).parentsUntil("div.caption h4").wrap("<a href='" + theLink + "'></div>"); 

      }); 
     }); 
    </script> 

Answer 1

Этот фрагмент кода:

$(".wpdm-pro").each(function(e,i) { 
    var link = $(this).find('a'); 
    var title = $(this).find('h4'); 
    var newLink = link.html(title).clone(); 
    var caption = $(this).find('.caption'); 
    caption.children().not('br').remove(); 
    caption.prepend(newLink); 
}); 

- найдите ссылку и заголовок, добавить заголовок на ссылку и клон ссылку. Удалить из ничего, кроме .caption<br>, вставить клонированный ссылку в качестве первого элемента для .caption -

производит:

<div class="wpdm-pro"> 
    <div class="metro-block span4 wpdm-metro mm-block-03"> 
     <div class="caption"> 
      <a class="wpdm-download-link wpdm-download-locked btn btn-success" rel="noindex nofollow" href="http://123.com"> 
      <h4 class="media-heading" style="padding: 0px;margin:0px">TITLE</h4> 
      </a> 
      <br> 
     </div> 
    </div> 
</div>