Jquery 在“选择”中隐藏第一个选项

我在下拉列表中有动态生成的选项。我想隐藏第一个选项，因为这是不需要的。是否有跨浏览器兼容的方法来实现这一点。无论是使用jquery还是css，任何解决方案都是好的

艾哈迈尔

您可以使用上述代码删除

元素中的第一个

元素

使用CSS隐藏

元素是有问题的。请参阅下面的链接了解更多信息

要分解上述功能链：

选择

元素。（没有双关语）

在先前选择的元素中查找

元素。我使用了

find（）

，因为如果有选项组，那么

children（）

将不起作用

只过滤到第一个

元素

从DOM中删除该元素

---

这一点以前肯定有人问过，需要更多阅读：

您可以这样使用CSS，因为它与选择加载同步，如下所示：

#select-item:first-child {
    display: none;
}

您的所有第一个选择选项都将与此一起隐藏。

HTML

<select id='test'>
    <option value='1'> op 1 </option>
    <option value='2'> op 2 </option>
    <option value='3'> op 3 </option>
    <option value='4'> op 4 </option>
</select>

---

就这样

你有密码吗？明确说明你想要实现的目标。你所说的第一个选择到底是什么意思？请添加一个代码片段：first child pseudo class可能不确定您的问题，但可能您正在寻找什么：好吧，伙计们，如果您要投票关闭某个项目，请选择一个有意义的原因。这个问题是相当清楚地说明，并在这个网站的主题。代码肯定会显示出来。很抱歉，当我回答和测试代码时，然后我提交了我的答案，所有其他答案都出现了。对不起，我认为您提供的选择器写得不正确。这个想法在IE 11中似乎也不起作用。这通常会起作用，但如果存在

元素，那么

元素将不会是

元素的直接后代。谢谢。。它的工作很好。。。

$('select > option:first').hide();

<select id='test'>
    <option value='1'> op 1 </option>
    <option value='2'> op 2 </option>
    <option value='3'> op 3 </option>
    <option value='4'> op 4 </option>
</select>

$(document).ready(function() {
    $("#test").find("option").eq(0).remove();
});