Change Element Type Using jQuery

Comes in handy when trying to meet WCAG 2.1 standards (as opposed to directly changing WordPress plugins for the edits to be wiped out on the next update).

(function($) {
    $.fn.changeElementType = function(newType) {
        var attrs = {};

        $.each(this[0].attributes, function(idx, attr) {
            attrs[attr.nodeName] = attr.nodeValue;

        this.replaceWith(function() {
            return $("<" + newType + "/>", attrs).append($(this).contents());

Example usage:



Leave a Reply

katherine as a flat graphic icon

About Me

I’m an African / Ojibwe First Nations Web Developer living in Winnipeg, Manitoba.

Visit the Tips and Blog to see what I’m working on.