Question

Simply, How can I replace exact text with HTML using jQuery?

The original text is View All Customer Reviews

I want it to be replaced with <span class="redbutton">View All Reviews &#187;</span>

Thanks.

Answer 1

<div id="_div">xxx|||View All Customer Reviews|||xxx</div>
<script>
$(function() {
var html = $('#_div').html() + '';
html = html.replace(/View All Customer Reviews/g, '<span class="redbutton">View All Reviews &#187;</span>');
$('#_div').html(html);
});
</script>

// ===================—-================== ///

<a>xxx|||View All Customer Reviews|||xxx</a>
<a>yyy|||View All Customer Reviews|||yyy</a>
<a>zzz|||View All Customer Reviews|||zzz</a>
<script>
$(function() {
    $('a').each(function(i) {
        var html = $(this).html() + '';
        html = html.replace(/View All Customer Reviews/g, '<span class="redbutton">View All Reviews &#187;</span>');
        $(this).html(html);
    });
});
</script>