[jQuery] Re: replaceWith()

Wed, 05 Aug 2009 05:38:36 -0700

there are lots of ways in jQuery to create relationships between selectors depending on your markup. Without seeing any markup it's hard for anyone else to help you create those connections

  

ProfCrazyHorse wrote: 
I want to replace one element with another, and keep the element
contents intact.  For example, here, I'm replacing all h2 elements
with h3's:

$("a #replaceWith").click(function () {
   var h2Text = $("h2").text();
   $("h2").replaceWith("<h3>" + h2Text + "</h3>");
});

I have two questions.

First, how can I do this more simply?  I tried the following, but $
(this) refers to the anchor tag and not the h2 selector.  Is there a
way in jQuery to refer to the selector, i.e. $("h2")?

$("a #replaceWith").click(function () {
   $("h2").replaceWith("<h3>" + $(this).text + "</h3>");
});

My second question:  Is there a method more appropriate than
replaceWith to replace certain elements on the apge with others?

Thank you!

Reply via email to