は、それが唯一の最初の空白で区切られた値

Question

を取る私は、次のコードを持っている

var aVar = "sample text"; 
alert(aVar); 
$(this).replaceWith("<input type='text' value=" + aVar + " id='laID' style='width: 100px; padding-right:20px; color:white;'/>"); 

警告メッセージボックスには、期待値が返されます：「サンプルテキストを」。ただし、DOM要素は "sample"という値で生成されます。さて、私はそれにそれが動作する、以下の方法しようとした場合：

$(this).replaceWith("<input type='text' value='sample text' id='laID' style='width: 100px; padding-right:20px; color:white;'/>"); 

を残念ながら、私は変数から値を読み取るするしかない、私はそれは、ハードコードすることはできません。誰かが私にこれを案内できることを願っています！ thankss

Answer 1

変更：

value=" + aVar + " id=' 

へ：

value='" + aVar + "' id=' 

属性は引用符で囲む必要があります。

Answer 2

引用符がありません。

$(this).replaceWith("<input type='text' value='" + aVar + "' id='laID' style='width: 100px; padding-right:20px; color:white;'/>"); 

Answer 3

最初の例では、value属性の値を引用符で囲まれていません。 それは記述する必要があります：あなたはそのような文字列のバグで立ち往生したときに

$(this).replaceWith("<input type='text' value='" + aVar + "' id='laID' style='width: 100px; padding-right:20px; color:white;'/>"); 

Answer 4

皆が既にだけ評価された文字列を見て、「警告」を使用し、あなたの質問に答え、しかし...ています。 これはあなたの時間を節約します：TOMM、シャッド @

alert("<input type='text' value=" + aVar + " id='laID' style='width: 100px; padding-right:20px; color:white;'/>");