用javascript jquery放宽页边距

Question

为什么当我在javascript jquery中添加相同的html代码时，就会出现空白呢？

试试这个小提琴，你就会明白我的意思。

jQuery

 function addphone() {
$( "#phonedetails" ).append( '<div  >' +
    '<label>phone :</label>' +
    '<input type="text" /> '   +  
    '<input type="button" onclick="addphone()"/>'    +                       
    '</div>');  

 }

<div id="phonedetails">
    <div>
        <label>phone :</label>
        <input type="text" />     
        <input type="button" onclick="addphone();"/>
    </div>
</div>

Answer 1

它不是空白处，而是label和input之间的空格(即按空格键时得到的空间)。从JS生成的代码中缺少它。

更改：

'<label>phone :</label>' +

至：

'<label>phone :</label> ' +
                  //   ^ space here

Answer 2

你不是在失去空白，而是在失去空白：

http://jsfiddle.net/3md9S/2/

$( "#phonedetails" ).append( '<div  >' +
        '<label>phone :</label> ' + // SINGLE SPACE ADDED HERE
        '<input type="text" /> '   +  
        '<input type="button" onclick="addphone()"/>'    +                       
        '</div>');

Answer 3

这只是html中的一个空白。

而且你不必再写html来附加，你可以克隆它-

$( "#phonedetails" ).append($('#phonedetails div').eq(0).clone());

演示--> http://jsfiddle.net/3md9S/7/