Change H3 to H2 with jquery keeping href and html elemens [duplicate]

Answer 1

Use .html() to keep all the HTML structure. text() just gets the plain text, and throws away all the tags.

$('.sideMenu h3').replaceWith(function () {
    return "<h2>" + $(this).html() + "</h2>";
});

To keep the classes, do:

$('.sideMenu h3').replaceWith(function() {
    return $("<h2>", {
                "class", this.className,
                html: $(this).html();
            });
});

---

Answer 2

The problem is in

return "<h2>" + $(this).text() + "</h2>";

Instead of .text(), use .html().

.text() gets just the plain text content.

.html() gets the html content, which is what you want to transfer over.