changing from
to
in the table using jquery

Question

I am working on sharepoint page. I dont have control html generate. so I am writing jquery for manupulation.

I am trying to change <h3> to <h1>. How to do that?

<tr>
    <td nowrap="true" valign="top" width="113px" class="ms-formlabel">
        <h3 class="ms-standardheader">
            <nobr>Thank you</nobr>
        </h3>
    </td>

I tried this

     $('table.ms-formtable > tbody > tr:nth-child(4) td:nth-child(1) h3').replaceWIth(function() {
            return $("<h1>", {
                "class", this.className,
                html: $(this).html();
            });
});

But did not work

how to change an element type using jquery: http://stackoverflow.com/questions/8584098/how-to-change-an-element-type-using-jquery — Peter van der Wal, Apr 27 '16 at 16:50

BenM · Answer 1 · 2016-04-27T16:59:10.413

Function names are case-sensitive (note replaceWIth vs. replaceWith):

$('table.ms-formtable > tbody > tr:nth-child(4) td:nth-child(1) h3').replaceWith(function() {
    return $('<h1>', {
        'class': this.className,
        'html':  this.innerHTML
    });
});

Also note that I have replaced the , after your class property with the correct colon (:) literal. Finally, you had a misplaced ; literal in the html definition of the return object. The above snippet should suffice and work as expected now.

jsFiddle Demo

hmd · Answer 2 · 2016-04-27T17:01:05.223

0

You may need to first get the HTML and then replace by using JQuery Method replaceWith() it something like that:

var target = $('table.ms-formtable > tbody > tr:nth-child(4) td:nth-child(1) h3');
target.replaceWith($('<h1 class="'+target.attr('class')+'">' + target.innerHTML + '</h1>'));

edited Apr 27 '16 at 17:01

answered Apr 27 '16 at 16:53

hmd

918
2
8
12

This will not return the `class` attribute of the existing `
` element.
– BenM Apr 27 '16 at 16:55

changing from to in the table using jquery

to

in the table using jquery

2 Answers2

` element.

changing from
to
in the table using jquery