how to use unicode character in javascript

Question

For a js click function to View and Hide some comments, i use this unicode ▼ and ▲ (Arrow up and arrow down)

$('.toggle-<?php echo $comment_id; ?>').click(function(){
    $(this).text($(this).text() == 'Hide replies &#9650;' ? 'View replies &#9660;' : 'Hide replies &#9650;');

But it shows me literally the code instead of the arrow.

So how i need to use the code in the script above?

I did, but when i toggle, the text must change to "Hide replies arrow" and click again, change to "View replies arrow" again — john
– john, Commented May 20, 2020 at 19:11
Yes, I'm asking why not use the condition $(this).text() == 'View replies ▼' in the code — adiga
– adiga, Commented May 20, 2020 at 19:12

Carsten Massmann · Accepted Answer · 2020-05-20 19:19:57Z

2

The syntax &#<num>; is html, therefore it needs to be entered as such, using $(...).html('&#9660 ...') instead of $(...).text('&#9660 ...').

The following should work:

$(this).html($(this).text().substr(0,4) == 'Hide' ? 'View replies &#9660;' : 'Hide replies &#9650;');

edited May 20, 2020 at 19:19

answered May 20, 2020 at 19:13

Carsten Massmann

28.4k3 gold badges25 silver badges49 bronze badges

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

1 Comment

john Over a year ago

Agree! Works great now. Thnx

Collectives™ on Stack Overflow

how to use unicode character in javascript

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related