如何使用jquery从选择框中删除一些选项?

时间:2013-02-27 14:23:03

标签: javascript jquery html

我想从5个选项中的选择框中删除一些选项,比如最后三个选项,使用jquery

下面是带有5个选项标签的选择框

<select id="select">
  <option>first</option>
  <option>second</option>
  <option>third</option>
  <option>fourth</option>
  <option>fifth</option>
</select>

更新

我试过这段代码

$("#select option:not(option:first, option:last)";

但是这在控制台中给了我未被捕获的异常

3 个答案:

答案 0 :(得分:7)

slice()方法是要走的路:

$("#select > option").slice(-3).remove();

答案 1 :(得分:0)

你有什么尝试?我认为nth-child selector可能就是你要找的东西。

答案 2 :(得分:0)

您可以使用以下代码删除最新项目 http://jsfiddle.net/QxmvC/

     $('#select').children().slice(-3).remove();