javascript - why is ® not working when used with jquery - Stack Overflow

admin管理员组

文章数量:1331858

I am having a problem I want to attach the registered trademark symbol a button and I want it to be done with jquery because there are lots and lots of buttons that require the sign when I used it with html for example(below) it worked.

<input type="button" class="button_a" value="Value &reg;" />

But when I used jquery as below it returns as plain text:

$('.button_a').each(function(){
    $(this).attr("value",$(this).attr("value")+" ®");
});

I don't want to waste my time and space by putting ® in all the button's values so I want it to be done in jquery but what am I doing incorrect.

I know it's a sluggish question but please someone help out me in this question

Javascript may be also used.

For more info please ment and ask

Thanks....

I am having a problem I want to attach the registered trademark symbol a button and I want it to be done with jquery because there are lots and lots of buttons that require the sign when I used it with html for example(below) it worked.

<input type="button" class="button_a" value="Value &reg;" />

But when I used jquery as below it returns as plain text:

$('.button_a').each(function(){
    $(this).attr("value",$(this).attr("value")+" ®");
});

I don't want to waste my time and space by putting ® in all the button's values so I want it to be done in jquery but what am I doing incorrect.

I know it's a sluggish question but please someone help out me in this question

Javascript may be also used.

For more info please ment and ask

Thanks....

• javascript
• jquery
• html
• symbols

Share Improve this question Follow asked May 13, 2015 at 8:44 Abishek V AshokAbishek V Ashok 52333 silver badges1717 bronze badges

Add a ment  | 

6 Answers 6

Sorted by: Reset to default 6

® is being rendered as a text string, but you can use unicode \u00AE

$('.button_a').each(function(){
    this.value = this.value +" \u00AE";
});

http://jsfiddle/fbuohvm1/

or just ®:

$('.button_a').each(function(){
    this.value = this.value +" ®";
});

http://jsfiddle/fbuohvm1/1/

Because, while the DOM you are manipulating was initialised from an HTML document, you are now dealing with DOM and not HTML. You are writing the value as text not as HTML.

You need to use either a literal character ("®") or a JavaScript escape sequence ("\u00AE").

You have to encode it first before setting the value of textbox.

$('.button_a').each(function () {

    $(this).val("value " + $("<div/>").html('&reg;').text());
});

$("<div/>").html('&reg;').text() will return the encoded value.

Demo: https://jsfiddle/tusharj/t2gwptys/

you need to process content by html(), because html entities is manipulate by html() function, try this code.

$('.button_a').each(function(){
    $(this).val($("<p/>").html($(this).val()+" &reg;").html());
});

Use a hidden div.

$('.button_a').each(function(){
    var decoded = $('<div/>').html('&reg;').text();
    $(this).val($(this).val() + ' ' + decoded);
});

See Sample

In your case plain js is more straightforward:

$('.button_a').each(function(){
    this.value += " ®";
});

-- EDIT -- Unfortunately this is still escaped, in fact you need

    this.value += " \u00AE";

本文标签： javascriptwhy is ampreg not working when used with jqueryStack Overflow