我有一个 div 元素,如下所示;
<div class="editableTxt" data-model-attr="myAttr" data-model-id="302">VALUE</div>
我想把它转换成
<input class="editBox" data-model-attr="myAttr" data-model-id="302" value="VALUE" />
是否有通用的方法来做同样的事情?
假设我在回调中并且 $(this) 代表 div 元素..
最佳答案
尝试
$('.editableTxt').each(function () {
var $input = $('<input/>').val($.trim(this.innerHTML));
$.each(this.attributes, function (i, attr) {
$input.attr(attr.name, attr.value);
});
$(this).replaceWith($input)
})
演示:Fiddle
关于javascript - jQuery 将一个元素转换为另一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24303957/