Html，插入选项列表分隔符

Question

我想用jQuery

将分隔符添加到php生成的列表中

<select>
    <option value="0">all</option>
    <option value="1">option 1</option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
    <option value="4">other</option>
</select>

如何在第一个元素之后和结果的最后一个元素之前放置分隔符

<select>
    <option value="0">all</option>
    <option value="-1" disabled="disabled">------</option>
    <option value="1">option 1</option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
    <option value="-1" disabled="disabled">------</option>
    <option value="4">other</option>
</select>

谢谢

Answer 1

var $ops = $('select option'), //refine selector if needed
    $sep = $('<option>', { text: '------', disabled: true, value: -1 });

$ops.first().after($sep.clone()).end()
    .last().before($sep);

Fiddle

参考：

• Traversing - Filtering
• Manipulation - DOM Insertion, Outside

Answer 2

不知道它是否正是您所需要的，但<optgroup>标签是这样做的

Answer 3

更短的代码：

$("option[value=0]").after('<option value="-1" disabled="disabled">------</option>');