在 jQuery 中，给定一个选择菜单元素，我如何访问第一个选项元素？

【问题标题】：In jQuery, given a select menu element, how do I access the first option element?在 jQuery 中，给定一个选择菜单元素，我如何访问第一个选项元素？
【发布时间】：2015-03-15 07:03:49
【问题描述】：

给定一个像这样的 jQuery 元素：

$(selectElt)

如何访问第一个选项？请注意，我对给定选择菜单的 id 的选择器不感兴趣，例如

$('#selectmenu1 option:first')

我得到的是选择元素本身，$(selectElt)，我需要从中选择第一个选项元素。

谢谢。

【问题讨论】：

标签： jquery option select-menu

【解决方案1】：

你可以试试

$(selectElt).children('option').eq(0)

或

$(selectElt).children('option:first')

或

$(selectElt).children('option').first()

正如罗里麦克罗桑所说的

$('option:first',selectElt)

最后一个

$(selectElt).children('option').filter(':first')

【讨论】：

为了完整起见，还有上下文选择器：$('option:first', selectElt)。
@RoryMcCrossan 忘记了，fvaleri 让我想起了过滤器:)

【解决方案2】：

只要做：

$(selectElt).children("option:first");

或

$(selectElt).children("option:eq(0)");

或

$(selectElt).children("option:nth-child(1)");

或上下文：

$("option:first", selectElt)

【讨论】：

【解决方案3】：

或者：

$(selectElt).filter(":first")

【讨论】：