How to remove few options from select box using jquery?

Question

I want to remove few options, say, last three options, from a select box out of 5 options, using jquery

Below is the select box with 5 options tag

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

UPDATE:

I tried this code

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

But that gave me uncaught exception in console

Answer 1

slice()方法是解决方法：

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

Answer 2

What have you tried? I think the nth-child selector might be what you're looking for.

Answer 3

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

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