Prevent jQuery from double html encoding a string

Question

I am trying to convert an unordered list into a <select> box for people with small resolutions, indenting the text depending on the level in the list. To do this, I prepend the string with  . However it looks like jQuery, for some reason, is double HTML-encoding this into &nbsp;. How do I prevent this behavior and use a literal   (i.e. so that a non-breaking space character is shown to the browser):

var text = '';
var i;

for (i = 0; i < level; i++) {
    text += '&nbsp;';
}
text += el.text();

if (el.hasClass('noclick')) {
    $('<optgroup />', {
        'label' : text
    }).appendTo('#menu select');
}
else {
    $('<option />', {
        'value' : el.attr('href'),
        'text' : text
    }).appendTo('#menu select');
}

Here's my jsFiddle.

Walter Tross · Accepted Answer · 2013-07-01 21:52:40Z

3

Try using \u00A0 (the non-breaking space character) instead of  .

answered Jul 1, 2013 at 21:52

Walter Tross

12.7k3 gold badges43 silver badges70 bronze badges

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

Comments

Jon · Accepted Answer · 2013-07-01 21:53:44Z

2

You can insert the literal non-break space character in your JavaScript scripts with \xA0:

text += '\xA0';

answered Jul 1, 2013 at 21:53

Jon

439k85 gold badges756 silver badges820 bronze badges

Collectives™ on Stack Overflow

Prevent jQuery from double html encoding a string

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related