javascript - JS 过早关闭标签

Question

这实际上是我在这个很棒的网站上提出的第一个问题。我通常会在这里做一些研究找到我需要的答案，但这次不是这样，所以我不得不问。

这是发生了什么:

我正在构建一个搜索表单，它最初有一个下拉菜单、一个字段和一个按钮。人们从下拉列表中选择要执行搜索的字段(字段 1、字段 2 等)，然后在文本框中键入条件。然后有一个“或”按钮，单击该按钮时，它会像之前那样动态创建另一个集合(下拉列表、文本框和“或”按钮)，为搜索创建第二个条件。

这是插入按钮的代码的重要部分:

var divid = '#orbuttondiv'+divid;
    $(divid).after('<div id="field'+orbuttonid+'" class="blockSrc"><select name="orfield[]" id="condition'+orbuttonid+'field" class="blockSrc'+orbuttonid+'"><option value="0">Select Field</option><?php //function ?></select><input name="orstr[]" id="condition'+orbuttonid+'str" type="text" /></div><div class="orbutton" id="orbuttondiv'+orbuttonid+'"><button name="orbutton'+orbuttonid+'" id="orbutton'+orbuttonid+'" class="btn orbt" type="button" value="OR" /><i class="icon-comments-alt"></i> OR</button></div>');             
});

所以问题是，当将集合插入文档时，除了按钮标签过早关闭外，一切都运行良好。我期望的是:

<div class="orbutton" id="orbuttondiv1">
<button class="btn orbt" value="OR" name="orbutton1" id="orbutton1" type="button"><i class="icon-comments-alt"></i> OR</button>
</div>

我得到的是:

<div class="orbutton" id="orbuttondiv1">
<button class="btn orbt" value="OR" name="orbutton1" id="orbutton1" type="button"></button><i class="icon-comments-alt"></i> OR
</div>

请注意 标签是如何在内容之前关闭的，因此 和单词“OR”被加载到按钮之外。

任何帮助将不胜感激:

Answer 1

因为你自己关闭了<button>标签:

 <button ... value="OR" /><i>...
                        ↑

只要去掉斜杠，你就可以了。