jquery - 在 jQuery 中从 div 开始选择下拉文本的正确方法是什么？

Question

我正在从 div 数组中动态抓取选定下拉选项的文本。当我这样做时:

$("#divID").children("select").eq(0).find('option:selected').text();

一切正常。但是，当我这样做时:

$("#divID").children("select option:selected").eq(0).text();

它没有按预期抓取文本。我想知道后一种获取文本的方法我做错了什么。谢谢。

JSFiddle - First Approach (Works)

JSFiddle - Second Approach (Doesn't Work)

Answer 1

您所做的事情的问题在于您对 child 的使用。

如果您将 children 更改为 find 那么它就可以完美工作。原因是 children 只查找作为所操作集合的直接子元素的元素。因此它只会返回 #divID 的直接子元素。如您所见，option 元素不是直接子元素，因此无法返回它们。

$("#divID").find("select option:selected").eq(0).text();

参见http://jsfiddle.net/nzhaD/5/

当然，两者之间存在一些细微的差异。考虑这个 HTML:

<div id="divLocation">
    <div>            
        <select id="1"/>
    </div>
    <select id="2"/>
</div>

我已经删除了选项，但您的原始选择器将获得 id #2(因为它是唯一的选择，它是 #divLocation 的子级，而我的将获得第一个选定的选项，它将大概在 id #1 中。

所以这个故事的寓意是，无论哪个选择器都做你真正想要的事情。 :)