replacewith

I have this code $(document).ready(function(){ $('.selector').click(function(){ obj = $(this); obj.replaceWith('<div class="size">whats up man ??!</div>'); alert(obj.html()); }); }); I want to get the new content of 'obj' that has been 'replaceWith' but, I get the old content instead ... how do I get the actual content of 'obj' ??? my intention is to access the new 'obj' $('.selector').click(function(){ var obj = $(this), repl = $('<div class="size">whats up man ??! <span class="medium"></span></div>'); obj.replaceWith(repl); alert(obj.find('span').attr('class')); //this will print 'undefined'

There's a lot of threads here about converting br/> or preserving newlines across different languages, but not many regarding textarea. I have this script: var boxText = ""; $("textarea.BoxText").live('dblclick', function () { boxText = $(this).val().replace(/ /g, "<br/>"); $(this).replaceWith( '<div class="BoxText">' + $(this).val() + '</div>' ); }); $("div.BoxText").live('dblclick', function () { $(this).replaceWith( '<textarea form="HTML" class="BoxText">' + boxText + '</textarea>' ); }); I have a textarea element, editable. When the user double-clicks on it, it converts into a div. However

Having trouble with a function hitting the page as soon as possible, so i need to write it in pure javascript and include it in the head. not sure how to go about it, because as i understand it, by using .replace() the new element will be moved to a different location on the page. jQuery's replaceWith() behavior is ideal. $("#imagefiles").replaceWith("<input type='file' name='imagefiles' id='imagefiles' />"); var image = document.getElementById('imagefiles'), parent = image.parentNode, tempDiv = document.createElement('div'); tempDiv.innerHTML = "<input type='file' name='imagefiles' id=

Text changed to <p href="page.html" class="class1 class2" id="thisid">Text</p> I'm familiar with jQuery's replaceWith but that doesn't keep attributes/content as far as I know. Note: Why would p have a href ? Cuz I need to change p back to a on another event. try this: var $a = $('a#thisid'); var ahref = $a.attr('href'); var aclass = $a.attr('class'); var aid = $a.attr('id'); var atext = $a.text(); $a.replaceWith('<p href="'+ ahref +'" class="'+ aclass +'" id="'+ aid+'">'+ atext +'</p>'); Here is a more generic method: // New type of the tag var replacementTag = 'p'; // Replace all a tags with