Можно использовать
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
с градиентом в нулевую плотность
пример: https://jsfiddle.net/o66mzoqm/
но с кроссбраузерностью данного метода могут вилы получиться =)
Description: Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements.
хотя если элемент единственный, судя по селектору правильней будет послушать предыдущего оратора -))
можно innerHTML + replace()
а там регулярными выражениями, хотя правильней создать нужные элементы перенести в них контент первичных, после чего первичные уничтожить
ну или
$(селектор первого дива).replaceWith($(''));
и так далее
заменить один тэг на другой в DOM невозможно так, что-бы сохранились все его свойства (евенты и прочая ересь)