如何使用 jquery 将 html 元素和属性转换为其他内容 [重复]答案

【问题标题】：How to convert html elements and properties to something else with jquery [duplicate]如何使用 jquery 将 html 元素和属性转换为其他内容 [重复]
【发布时间】：2014-07-11 04:27:40
【问题描述】：

没什么大不了的，但我需要知道是否有一种方法可以让我使用 jquery 将包含属性的 html 元素更改为其他内容。

我真正想做的是在页面加载后更改以下标记：

<div class="stretchMe" data-stretch="@Url.Content("Images/img1.jpg")"></div>

到

<img class="stretchMe" src="@Url.Content("Images/img1.jpg")" />

如何做这样的事情？

【问题讨论】：

也可以轻松修改以重命名属性。或者：stackoverflow.com/questions/7093417/….
@user3827886 看看bala的回答，他是对的

标签： javascript jquery

【解决方案1】：

试试 .replaceWith()

html

<div class="stretchMe" data-stretch="@Url.Content(Images/img1.jpg)"></div>

JS

$("div.stretchMe").each(function () {

    var class1 = $(this).attr("class");

    var src = $(this).data("stretch");

    $(this).replaceWith("<img class=" + class1 + " src='" + src + "' />");
});

DEMO

操作

<img class="stretchMe" src="@Url.Content(Images/img1.jpg)">

【讨论】：