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

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