Question

How can i make a label change to a text box by using jQuery?For example i got 2 button , one is edit ,another one is view. When user clicks the edit button, all label control will turns into a textbox.On the other hand , when use click the view button , all textbox will change to label. I know that i can use “Visible” property to visible certain control. But there are too many control in my page. It spend me a lot of time to code .Can anyone help me?

Answer 1

You can use jQuery’s replaceWith function.

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

Demo: http://jsfiddle.net/eqne2/1/