javascript - 为什么不将其替换为单选按钮值中的整个字符串？

Question

我正在使用 .replaceWith() 来更改使用数组的单选按钮的值:

$("#choice1").replaceWith("<li id = 'choice1'>" + "<input type='radio' >name='choice' value="+allQuestions[currentTurn].possibleAnswers[0]+">"+allQuestions[currentTurn].>possibleAnswers[0] "</li>");

当我有一个字符串(例如“The Last Battle”)时，第一个 +allQuestions[currentTurn].possibleAnswers[0] 仅返回字符串的第一个单词，其中相同代码第二次返回整个字符串。

有人能告诉我为什么吗？以及如何使它们都返回整个字符串？

谢谢!

Answer 1

如果属性值包含空格，则需要用引号引起来。

$("#choice1").replaceWith("<li id = 'choice1'>" + 
    "<input type='radio' name='choice' value='" +
    allQuestions[currentTurn].possibleAnswers[0] +
    "'>" +
    allQuestions[currentTurn].>possibleAnswers[0] "</li>");

否则，您的 HTML 将如下所示:

<input type='radio' value=The Last Battle>

正如您所看到的，该值只是 The，而 Last 和 Battle 看起来像是附加属性(SO 的语法甚至突出显示说得很清楚)。