使用jQuery将标签更改为文本框？

Question

如何使用jQuery将标签更改为文本框？例如,我有2个按钮,一个是编辑,另一个是视图.当用户单击编辑按钮时,所有标签控件将变为文本框.另一方面,当使用时单击视图按钮,所有文本框将更改为标签.我知道我可以使用"可见"属性来显示某些控件.但是我的页面控制太多了.它花了我很多时间来编码.任何人都可以帮助我吗？

Answer 1

你可以使用jQuery的replaceWith功能.

$( "label" ).replaceWith( function() {
    return "<input type=\"text\" value=\"" + $( this ).html() + "\" />";
});

演示:http://jsfiddle.net/eqne2/1/