How can I replace a string using jQuery

Question

I have a few divs with comma separated values in each. If the word 'public' is present in the values, I want to display the word 'Yes'. Else, I want to display the word 'No'. I am using if else and indexOf. Should I be using.each(function () instead?

<div class="open-public">ses, public</div>
<div class="open-public">public, der</div>
<div class="open-public">public</div>
<div class="open-public">fder, stn</div>
<div class="open-public">public</div>
<div class="open-public">stn</div>


    var s = $(".open-public").text().trim();
    var match = s.split(', ')
    console.log(match)
    console.log(s)
 
 if (~match.indexOf("public")) {
      $('.open-public').text("Yes");
    } else {
      $('.open-public').text('No');
}

I have also tried this:

    $(".open-public").each(function () {
    if ($(this).is(':contains("public")').text("Yes");
    } else {
        $('.open-public').text('No');
    }
});

fiddle here

I tried it here but I think I am missing something. new fiddle — paul cappucci
– paul cappucci, Commented Jul 8, 2021 at 23:40

Phil · Accepted Answer · 2021-07-08 23:48:38Z

1

Your .each approach is the correct one but you really don't need jQuery for this.

For matching the text, I would recommend either splitting the CSV text value into an array or using a regex to match the entire word "public".

const rx = /\bpublic\b/ // use word-boundaries to match the entire word
document.querySelectorAll(".open-public").forEach(el => {
  el.textContent = rx.test(el.textContent) ? "Yes" : "No"
})

<div class="open-public">ses, public</div>
<div class="open-public">public, der</div>
<div class="open-public">public</div>
<div class="open-public">fder, stn</div>
<div class="open-public">public</div>
<div class="open-public">stn</div>

If you're set on using jQuery, it might look something like this

const rx = /\bpublic\b/
$(".open-public").each(function() {
  const $this = $(this)
  $this.text(rx.test($this.text()) ? "Yes" : "No")
})

edited Jul 8, 2021 at 23:48

answered Jul 8, 2021 at 23:35

Phil

166k25 gold badges265 silver badges269 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

paul cappucci Over a year ago

This works great. thank you. newest fiddle

Collectives™ on Stack Overflow

How can I replace a string using jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related