需要优化的解决方案，用于隐藏选择框选项

Question

<select alt="cc" class="validate[required]" id="experience" name="experience">
   <option selected="selected" value="">option 1</option>
   <option value="5年以上">option 2</option>
   <option selected="selected" value="～5年未満">option 3</option>
   <option value="～3年未満">option 4</option>
   <option value="～1年未満" style="display: none;">option 5</option>
   <option value="～6ヶ月未満" style="display: none;">option 6</option>
   <option value="経験なし" style="display: none;">option 7</option>
</select>

我想隐藏最后3个选项，使用我喜欢的jquery

$j("#experience").find('option:eq(4)').css({display:'none'}).end().find('option:eq(5)').css({display:'none'}).end().find('option:eq(6)').css({display:'none'})

代码正在查找，但我认为，它不是标准方式，或优化解决方案，请给我实现上述jquery代码的标准方法。

FIDDLE

Answer 1

尝试在此上下文中使用:gt(n)选择器，

$j("#experience option:gt(3)").hide();

DEMO

Answer 2

在jquery中使用.slice()

$("#experience").find('option').slice(3).hide();

DEMO