jQuery addClass example

Change class name on click in jQuery

by vikastyagi87

HTML

<h3>Inverroche Amber G&T</h3>
<h3>Verdant G&T</h3>
<div class="center">
<h2>text1</h2></div>
<div class="center">
<h2> AMBER </h2>
</div>
<h2>text2</h2>

JavaScript

jQuery(document).ready(function() {
	var exampleArray = ['VERDANT', 'AMBER'];
	$('.center h2').each(function() {
  if (exampleArray.includes($(this).text().trim())) {
    $(this).addClass("notranslate");
  }
});

var barnyardArray = ['Inverroche Amber'];

$.each(barnyardArray, function (index, value) {
    $("h3:contains(" + value + ")").html(function (_, html) {
        var regex = new RegExp(value, 'g');
        return html.replace(regex, '<span class="notranslate">' + value + '</span>');
    });
});


});