Ignoring html entities when using javascript regex replace

Question

I'm trying to wrap 'a to z', '&', number characters and numbers with a  tag in a list that contains a mix of Latin and Korean text like so (simplified version):

$('li').each(function() {
  var replaced_text = $(this).html().replace(/([a-zA-Z ])/g, '<span>$&</span>');
  $(this).html(replaced_text)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>&lt;서베이 WRM&gt;, 2019</li>
  <li>가나APAP다라 2018</li>
  <li>마바사아APAP 20&nbsp;17</li>
  <li>WKM마2바사아 20&nbsp;17</li>
</ul>

But currently it is also replacing the letters in html entities such as   > <, for example < becomes &lt; and so on.

So as per my title, how can i wrap those characters by using the replace function while avoiding html entities?

CertainPerformance · Accepted Answer · 2019-12-19 12:19:59Z

2

It would probably be easier to retrieve the textContent (or .text(), if you have to use the jQuery method) instead, which parses the entities to the displayed characters:

$('li').each(function() {
  var replaced_text = $(this).text().replace(/([a-zA-Z ])/g, '<span>$&</span>');
  $(this).html(replaced_text)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>&lt;서베이 WRM&gt;, 2019</li>
  <li>가나APAP다라 2018</li>
  <li>마바사아APAP 20&nbsp;17</li>
  <li>WKM마2바사아 20&nbsp;17</li>
</ul>

answered Dec 19, 2019 at 12:19

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

Collectives™ on Stack Overflow

Ignoring html entities when using javascript regex replace

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related