Получить название изображения и поставить перед тег

Question

THT в моем HTML код приходит как тот

<ul> 
    <li> 
     <a class="" href="33.jpg"> 
     <img style="opacity: 0.7;" title="<a href='http://www.abc.com.au/13.html' >Cosmo Bride - Spring 2013</a>" src="33.jpg" class="image" height="200" width="150"> 
     </a> 
    </li> 

    <li> 
     <a class="" href="29.jpg"> 
     <img style="opacity: 0.7;" title="<a href='http://www.abc.com.au/br.html' >Bazaar </a>" src="9.jpg" class="image"> 
     </a> 
    </li> 
</ul> 

Я получаю каждый заголовок изображения с ниже кодом

jQuery('img.image').each(function(idx,img) { 
    pTitle = img.title; 

}); 

Но мне нужно привести как то

<ul> 
     <li> 
      <a href='http://www.abc.com.au/13.html' >Cosmo Bride - Spring 2013</a> 
      <a class="" href="33.jpg"> 
      <img style="opacity: 0.7;" title="<a href='http://www.abc.com.au/13.html' >Cosmo Bride - Spring 2013</a>" src="33.jpg" class="image" height="200" width="150"> 
      </a> 
     </li> 

     <li> 
      <a href='http://www.abc.com.au/br.html' >Bazaar </a> 
      <a class="" href="29.jpg"> 
      <img style="opacity: 0.7;" title="<a href='http://www.abc.com.au/br.html' >Bazaar </a>" src="9.jpg" class="image"> 
      </a> 
     </li> 
</ul> 

Answer 1

Вы можете использовать insertBefore():

jQuery('img.image').each(function(idx,img) { 
    var pTitle = img.title, 
     $this = $(this); 
    $(pTitle).insertBefore($this.parent()); 
}); 

Fiddle Demo

Answer 2

Вы не можете написать HTML-код в качестве значения атрибута (IMG название здесь), потому что он сломается на одинарные и двойные кавычки.

, но вы можете добавить якорь (ptitle здесь) как скрытый якорь, а затем отобразить его и переместить в другом месте, используя jQuery