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

Question

  <select>

        <option>One</option>

        <option>Two</option>

  </select>

我想使用 javascript 在第一个和第二个 option 之间附加一个新的 option。

要求的结果:

 <select>

    <option> One </option>

    <option> New </option>

    <option> Two </option>

 </select>

Answer 1

试试这个:

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

insertBefore 将在指定的选择器之前附加元素。在这种情况下，我们选择我们选择的第二个子 option。请记住，nth-child 不是从零开始的索引。

JSFiddle:https://jsfiddle.net/58209tgu/