javascript - jQuery convert one element to another -

javascript - jQuery convert one element to another -

i have div element below;

<div class="editabletxt" data-model-attr="myattr" data-model-id="302">value</div>

i want converted to

<input class="editbox" data-model-attr="myattr" data-model-id="302" value="value" />

is there generic way same?

assume within callback & $(this) represents div element..

try

$('.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) })

demo: fiddle

javascript jquery