jQuery append() 空元素

Question

我想检索 json 数据并附加到 HTML 中的 <option> 标签。但每次它也会在特定元素之后附加一个空的权利。看起来像这样。

<select>
<option value="All">All</option>
<option></option>
<option value="condition1">condition</option>
<option></option>
<option value="condition2">condition2</option>
<option></option>
</select>

显然应该像下面这样追加：

<select>
<option value="All">All</option>
<option value="condition1">condition</option>
<option value="condition2">condition2</option>
</select>

这里是 jQuery 代码：

for(var i=0; i<=option_array.length; i++){
          if(option_array.indexOf(condition)==-1){
          option_array.push(condition);

      $select.append('<option value="' + condition + '">' + condition + '<option>');
                  console.log("CONDITION!" + condition);
                  option_array.push(condition);

                 }

原文如下HTML：

<select></select>

知道为什么会这样吗？

Answer 1

你得到额外元素的原因是你有另一个开始标签

+ '<option>');
   ^^^

你错过了/

+ '</option>');
   ^^^

jQuery append() 空元素

jQuery append() empty elements

javascript

jquery

dom