Javascript 在选择元素的随机位置附加选项？

试试这个：

 <select>

    <option> One </option>

    <option> New </option>

    <option> Two </option>

 </select>

$（'New'）.insertBefore（'select option:nth child（2）'）；

insertBefore

将在指定的选择器之前追加元素。在这种情况下，我们选择select的第二个子项

选项

。请记住，

n个子项

不是基于零的索引

---

JSFiddle：

在jQuery中，可以使用insertAfter函数

文档：

  <select>

        <option>One</option>

        <option>Two</option>

  </select>

$('<option> New </option>').insertBefore('select option:nth-child(2)');

<select>
  <option id='insertAfterMe'>One</option>
  <option>Two</option>
</select>

示例HTML:

  <select>

        <option>One</option>

        <option>Two</option>

  </select>

$('<option> New </option>').insertBefore('select option:nth-child(2)');

<select>
  <option id='insertAfterMe'>One</option>
  <option>Two</option>
</select>

一个
两个

jQuery示例：

  <select>

        <option>One</option>

        <option>Two</option>

  </select>

$('<option> New </option>').insertBefore('select option:nth-child(2)');

<select>
  <option id='insertAfterMe'>One</option>
  <option>Two</option>
</select>

$（函数（）{
$（“新选项”）.insertAfter（“#insertAfterMe”）；
});

jsFiddle:

  <select>

        <option>One</option>

        <option>Two</option>

  </select>

$('<option> New </option>').insertBefore('select option:nth-child(2)');

<select>
  <option id='insertAfterMe'>One</option>
  <option>Two</option>
</select>

如果不想在要插入的元素上添加id，则任何有效的选择器都将起作用，如另一个答案中提到的第n个子选择器。

使用

eq（index）

$（''）.text（'New'）。insertAfter（'select option:eq（0）'）；

yes，这样，第n个子项将是随机的，并且

insertBefor

或

insertAfter

将是随机变化的。yes，insertAfter也可以使用。我想是吧。