Question

如何使用javascript将div标记替换为input标记？

我有以下html标记：

<div class="divclass">"Same text"</div>

我想用

替换它

<input class="divclass">"Same text"</input>

据我所知，到目前为止，我需要使用jQuery .replaceWith方法。但我不知道该怎么做。

Answer 1

你可以这样做：

$('div.divclass').replaceWith(function(){
return $('<input />').addClass($(this).attr("class")).text($(this).text());
});

顺便说一句，输入是无效的方法，因此您无法看到有关＆＃34;相同文本＆＃34;的任何更改。

但如果你这样做：

$('div.divclass').replaceWith(function () {
    return $('<input />').addClass($(this).attr("class")).val($(this).text());
});

你会注意到这一变化。