JavaScript/jQuery: replace part of string?

Question

With text like this:

<div class="element"> <span>N/A, Category</span> </div> 

I want to get rid of every occurrence of N/A.

Here is my attempt:

$('.element span').each(function() {         console.log($(this).text());         $(this).text().replace('N/A, ', '');     }); 

The logged text is the text inside of the span so the selector is okay.

What am I doing wrong here?

Answer 1

You need to set the text after the replace call:

$('.element span').each(function() {    console.log($(this).text());    var text = $(this).text().replace('N/A, ', '');    $(this).text(text);  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  <div class="element">    <span>N/A, Category</span>  </div>

---

Here's another cool way you can do it (hat tip @Felix King):

$(".element span").text(function(index, text) {     return text.replace("N/A, ", ""); }); 

Answer 2

It should be like this

$(this).text($(this).text().replace('N/A, ', ''))