javascript - How to insert space in html? - Stack Overflow

admin管理员组

文章数量:1323200

I am facing issue when I try to insert space using .html() method in JQuery. Following is my code :

html += '<td >'+description+". "+location;
html += +" "+position;
html += +" &nbsp; "+side+'</td>'; 
$('#tempResult').html(html);

The result I am getting is as follows: Green Tint. 0FrontNaNRight

I am facing issue when I try to insert space using .html() method in JQuery. Following is my code :

html += '<td >'+description+". "+location;
html += +" "+position;
html += +" &nbsp; "+side+'</td>'; 
$('#tempResult').html(html);

The result I am getting is as follows: Green Tint. 0FrontNaNRight

• javascript
• jquery-ui
• jquery
• jquery-selectors

Share Improve this question Follow edited Aug 16, 2012 at 21:53 Zoltan Toth 47.7k1212 gold badges131131 silver badges137137 bronze badges asked Aug 16, 2012 at 21:51 LeejoyLeejoy 1,44655 gold badges2525 silver badges3636 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

Remove the + operator from your string. += takes care of the string concatenation, so the additional + sign simply tries to make the string positive (causing the interpreter to change it to NaN - not a number).

a += b is a "shorthand way" (perhaps a simplification) of saying a = a + b.

html += '<td >'+description+". "+location;
html += " "+position;
html += " &nbsp; "+side+'</td>'; 
$('#tempResult').html(html);

The += + bit is doing some type conversion. Get rid of the 2nd +.

Another way of building html is via arrays and joining. One example:

var description = 'DESCRIPTION',
    location = 'LOCATION',
    position = 'POSITION',
    side = 'SIDE',
    html = [
        '<td>' + description,
        '. ' + location,
        ' ' + position,
        ' ' + side,
        '</td>'
    ];

$('#tempResult').html(html.join(''));

本文标签： javascriptHow to insert space in htmlStack Overflow