jQuery convert text into inputfields

Question

On my page i have a couple of tags that looks like this:

<parameter name="address" class="transform">@ViewBag.Address</parameter>

To do that i have created this function:

 function transform(id) {
     $('#' + id + ' .transform').each(function (index) {
         var tag = $(this).parent().html();
         $(this).parent().html() = tag.replace('parameter','input type="text"');
     });
 }

Now, if i alert $(this).parent().html() i get the original tag, but the function doesn't work. What am i doing wrong?

$(this).parent().html() = "value" call is wrong. Have a look to example in the API api.jquery.com/html — pomeh
– pomeh, Commented Apr 21, 2012 at 19:58
No, the selector says that it should loop through every DOM-element with the class 'transform' within the element (in singular) with the specified ID. — Anton Gildebrand
– Anton Gildebrand, Commented Apr 21, 2012 at 19:58
@AntonGildebrand - Since I was unable to get the answer you chose to work, I created a solution with a jsFiddle (see below). — j08691
– j08691, Commented Apr 21, 2012 at 20:41

Hüseyin Z. · Accepted Answer · 2012-04-21 19:57:56Z

2

Try this one (give html function a parameter, may be the cause of the problem

function transform(id) {
 $('#' + id + ' .transform').each(function (index) {
     var tag = $(this).parent().html();
     $(this).parent().html( tag.replace('parameter','input type="text"') );
 });
 }

answered Apr 21, 2012 at 19:57

Hüseyin Z.

8361 gold badge9 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Anton Gildebrand Over a year ago

Thank you! I guess i got a little confused.

j08691 Over a year ago

Hmmm, this didn't work for me when I created a fiddle to test it.

j08691 · Accepted Answer · 2012-04-21 20:22:30Z

1

The answer you accepted didn't work for me so I created this jsFiddle example.

jQuery:

function transform(id) {
    $('#' + id + ' .transform').each(function(index) {
        $(this).replaceWith($('<input value="' + $(this).html() + '" type="text" name="address" class="transform" />'));
    });
}

This will convert the parameter tags into input elements and place the @ViewBag.Address text as the default value for each input.

answered Apr 21, 2012 at 20:22

j08691

208k33 gold badges269 silver badges281 bronze badges

Collectives™ on Stack Overflow

jQuery convert text into inputfields

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related