$('#manipulateBtn').click(function () { var htmlText = $('#input').val(); htmlText = '<div id="temp">' + htmlText + '</div>'; var node = $(htmlText); node.find('table').attr('width', '100%'); node.find('td').attr('width', '100%'); alert(node.html()); $('#output').val(node.html()); })
Input <br/> <textarea id='input'><table><tbody><tr><td></td></tr></tbody></table></textarea> <br/>Output <br/> <textarea id='output'></textarea> <br/> <button id='manipulateBtn'>Manipulate HTML</button>
textarea { width: 400px; height: 120px; border: 3px solid #cccccc; padding: 5px; font-family: Tahoma, sans-serif; background-image: url(bg.gif); background-position: bottom right; background-repeat: no-repeat; }