jquery .insertBefore()缺少文本

Question

我开始使用JQuery,并且我已经构建了一个小的js函数,它在调用时向表单添加字段.

function newPoint(time){
    $('<br/>At '+ time + ' seconds, bring object <select><option>in</option><option>out</option></selection> at <select><option>regular</option><option>slow</option><option>fast</option></selection> speed.<br/>').insertBefore('#submitBtn');    
}

这是html ...

<div id="rightSide">
<form> <input id="submitBtn" type="submit" value="Go"></form>
</div>

当函数运行时,插入工作但下拉和最后一个单词'speed'之间的单词'at'不会被插入.

为什么是这样？我想我误解了jquery或js工作方式的关键.(我只是把脚弄湿了.)如果是这样的话,你能指出我正确的理解方向,而不仅仅是帮我解决这个问题吗？

谢谢!

编辑:使用固定的(愚蠢的手指),弹出另一个问题...

当我在插入开头删除换行符时,我将文本丢失到第一个下拉框.有什么想法吗？

Answer 1

问题出在这里: ... bring object <select><option>in</option><option>out</option></selection> at ...

最后一个结束标签说</selection>.它应该是</select>.插入字符串末尾存在同样的问题.