img标签使用jQuery转换为div标签

Question

我想通过使用jQuery将页面的所有img标记更改为div标记。 离。

<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来实现这一目标？

Answer 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);
});