Missing character index of a space from jquery html

Question

I'm attempting to find the index of the first space in a string from an element's html. In a test case where I simply set a test variable and check the indexOf(' '), it shows up.

For example, the following results in test having a length of 11 characters with the first space at the 5th position, as it should.

var test = 'hello there';
var idxTest1 = test.indexOf(' ');

However, if I set my test variable to a .text() value from a jQuery elements .html(), I'm getting a -1 for the index of the space even when test still appears to be equal to 'hello there' with a length of 11 characters.

What's going on here? http://jsfiddle.net/jhuTB/

I found hex value for space character is '20' for 'test' and 'A0' for 'test2'. I don't know why but it may help. — francadaval
– francadaval, Commented Jan 8, 2014 at 10:15
.split(/\s/).join(' ') will work. Issue is on encoding space character i guess jsfiddle.net/jhuTB/2 — A. Wolff
– A. Wolff, Commented Jan 8, 2014 at 10:15

Charlie Affumigato · Accepted Answer · 2014-01-08 10:13:43Z

2

Watch out,   the "non breaking space" is not the typical space from the space-bar. When watching ascii characters the space from the space bar is ASCII 32 (0x20) while the nbsp is ASCII 160 (0xA0) hence the inequality.

answered Jan 8, 2014 at 10:13

Charlie Affumigato

1,0271 gold badge8 silver badges10 bronze badges

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

1 Comment

user479947 Over a year ago

Aha, that's it. var idxTest2 = test2.indexOf('\u00A0'); results in 5. Good call.

rajesh kakawat · Accepted Answer · 2014-01-08 10:12:58Z

0

try something like this

$(function(){
    var test2 = $('#test').html();
    var idxTest1 = test2.indexOf('\u0026');
    console.log(idxTest1);
})

if using text() than try

$(function(){
    var test2 = $('#test').text();
    var idxTest1 = test2.indexOf(String.fromCharCode(160));
    console.log(idxTest1);
})

answered Jan 8, 2014 at 10:12

rajesh kakawat

10.9k1 gold badge24 silver badges40 bronze badges

Comments

xdazz · Accepted Answer · 2014-01-08 10:18:19Z

0

Use str.charCodeAt(index) to check the difference:

var test = 'hello there';
var test2 = $("<div/>").html($('#test').html()).text();
console.log(test.charCodeAt(5));  // 32
console.log(test2.charCodeAt(5)); // 160

answered Jan 8, 2014 at 10:18

xdazz

161k38 gold badges255 silver badges278 bronze badges

Collectives™ on Stack Overflow

Missing character index of a space from jquery html

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related