Change hidden items headings to normal div for SEO

Hello @techlabpro1,

Could you explain how we could change <h3> to <div> for not-visible elements (.cloned ones), because jQuery doesn’t seem to apply like:

jQuery(document).ready(function()
{
jQuery(‘.tss-carousel .owl-item.cloned .author-name’).each(function()
{
jQuery(this).replaceWith(jQuery(‘<div class=”‘ + jQuery(this).attr(‘class’) + ‘” data-element-id=”‘ + jQuery(this).attr(‘data-element-id’) + ‘”>’ + this.innerHTML + ‘</div>’));
});

jQuery(‘.tss-carousel .owl-item:not(.cloned) .author-name’).each(function()
{
jQuery(this).replaceWith(jQuery(‘<h3 class=”‘ + jQuery(this).attr(‘class’) + ‘” data-element-id=”‘ + jQuery(this).attr(‘data-element-id’) + ‘”>’ + this.innerHTML + ‘</h3>’));
});

});

Thanks in advance for your help

• This topic was modified 5 years ago by benoitroubert.