Question

I have a table cell with a text box in it, and I’m trying to take the value of the text box and put it back into the table cell while removing the text box. I’m doing this for a while row. So I have this:

        tds.each(function(i) {
            var val = $(this).children('input').eq(0).val();
            document.getElementById($(this).attr('id')).innerHTML = val;
            //$(this).html(val);
            //$(this).text(val);
        });

As you can see, I tried a few different ways, and with all of them, nothing happens. I don’t get any errors either. Not sure whats going on.

Answer 1

Try:

var tds = $('#table_id td');

tds.each(function(i) {
   var val = $(this).children(':input:eq(0)').val();
   $(this).html(val);
});