тег img преобразуется в тег div с помощью jQuery

#jquery

#jquery

Вопрос:

Я хочу изменить весь тег img страницы на тег div с помощью jQuery. ex.

 <img src="http://www.xyz.com/img.png" alt="this text i want in div" />
  

с помощью jQuery он преобразуется в

 <div>this text i want in div</div>
  

Как мы можем это сделать с помощью jQuery?

Ответ №1:

Вы могли бы использовать replaceWith

Вот пример:http://jsfiddle.net/Am75c /

 <img src="http://www.xyz.com/img.png" alt="this text i want in div1" />
<img src="http://www.xyz.com/img.png" alt="this text i want in div2" />
<img src="http://www.xyz.com/img.png" alt="this text i want in div3" />

$('img').each(function(){
    $div = $('<div>').html($(this).attr('alt'));
    $(this).replaceWith($div);
});