blocks|key|2116305|text|我会这样做的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2116306|++++value+=+$("#divLocation+select+option:selected").text();|code-block|syntax|javascript|2116307|我不知道哪种方法才是“正确的”。我认为我的很容易理解。所以，选择你认为容易阅读的那本书吧。如果性能是必需的，那么只需使用纯javascript，并让select有一个ID。|2116308|document.getElementById("divLocationSelect").value;|2116309|http://jsfiddle.net/nzhaD/4/|offset|length|2116310|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|S|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|X|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Z|8|@]|9|@$M|10|N|11|1|12]]|A|$]]|$1|O|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|L]]]]

I would have done this one:

<pre><code> value = $("#divLocation select option:selected").text();
</code></pre>

I don't know exactly which approch is the "correct one". I think mine is simple to understand. So go for the one that you think is easy to read. If performance is necessary use just pure javascript and let the select have an ID.

<pre><code>document.getElementById("divLocationSelect").value;
</code></pre>

<a href="http://jsfiddle.net/nzhaD/4/" rel="nofollow">http://jsfiddle.net/nzhaD/4/</a>

blocks|key|2124814|text|你所做的事情的问题在于你使用了children。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2124815|如果您将children更改为find，那么它可以完美地工作。原因是children只查找作为被操作集的直接子级的元素。因此，它将只返回#divID的直接子对象。如您所见，option元素不是直接子元素，因此不能返回它们。|2124816|$("#divID").find("select+option:selected").eq(0).text();|code-block|syntax|javascript|2124817|请参阅http://jsfiddle.net/nzhaD/5/|2124818|当然，这两者之间也有一些细微的区别。Cosnider这个HTML：|2124819|<div+id="divLocation">
++++<div>++++++++++++
++++++++<select+id="1"/>
++++</div>
++++<select+id="2"/>
</div>|2124820|我已经删除了选项，但是您的原始选择器将获得id+#2+(因为它是唯一的选择，它是#divLocation的子项，而我的选择器将获得第一个选定的选项，该选项大概在id+#1中)。|2124821|因此，这个故事的寓意是，无论哪个选择器做你真正想做的事情，就做什么。:)|2124822|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/nzhaD/5/^0|F|8|0|4|8|F|4|Y|8|1W|6|2E|6|0|0|3|S|0|0|0|0|14|C|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@$9|18|A|19|B|C]|$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|1I|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1J|8|@]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|O|3|P|5|6|7|1N|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|1O|8|@]|D|@]|E|$K|L]]|$1|S|3|T|5|6|7|1P|8|@$9|1Q|A|1R|B|C]]|D|@]|E|$]]|$1|U|3|V|5|6|7|1S|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1T|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13]]]]

The problem with what you are doing is your use of <code>children</code>.

If you were to change <code>children</code> to <code>find</code> then it works perfectly. The reason is that <code>children</code> only finds elements that are direct children of the set being acted on. So it will only return things that are direct children of <code>#divID</code>. As you can see the <code>option</code> elements are not direct children so they can't be returned.

<pre><code>$("#divID").find("select option:selected").eq(0).text();
</code></pre>

See <a href="http://jsfiddle.net/nzhaD/5/" rel="nofollow">http://jsfiddle.net/nzhaD/5/</a>

Of course there are some subtle differences between the two of these. Cosnider this HTML:

<pre><code>&lt;div id="divLocation"&gt;
 &lt;div&gt; 
 &lt;select id="1"/&gt;
 &lt;/div&gt;
 &lt;select id="2"/&gt;
&lt;/div&gt;
</code></pre>

I've cut the options out but your original selector will get id #2 (since it is the only select that is a child of <code>#divLocation</code> whereas mine would get the first selected option which will be presumably in id #1.

So the moral of the story is do whichever selector does what you actually want it to. :)

blocks|key|2116337|text|您可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2116338|$("#divID").find("select+option:selected").eq(0).text();|code-block|syntax|javascript|2116339|.children()方法与.find()的不同之处在于，.children()只向下遍历DOM树的一个级别，而.find()可以向下遍历多个级别以选择后代元素(孙子元素等)。也是。|offset|length|style|CODE|2116340|请参阅.children()|2116341|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/children/^0|0|0|0|B|E|7|T|B|1K|7|0|3|B|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@$I|Z|J|10|K|L]|$I|11|J|12|K|L]|$I|13|J|14|K|L]|$I|15|J|16|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|17|8|@]|9|@$I|18|J|19|1|1A]]|A|$]]|$1|O|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

You can do:

<pre><code>$("#divID").find("select option:selected").eq(0).text();
</code></pre>

The <code>.children()</code> method differs from <code>.find()</code> in that <code>.children()</code> only travels a single level down the DOM tree while <code>.find()</code> can traverse down multiple levels to select descendant elements (grandchildren, etc.) as well.

See <a href="http://api.jquery.com/children/" rel="nofollow">.children()</a>

I am dynamically grabbing a selected drop down option's text from an array of divs. When I do this:

<pre><code>$("#divID").children("select").eq(0).find('option:selected').text();
</code></pre>

Everything works fine. However, when I do this:

<pre><code>$("#divID").children("select option:selected").eq(0).text();
</code></pre>

It does not grab the text as expected. I was wondering what I am doing wrong with the latter approach to getting the text. Thanks.

<a href="http://jsfiddle.net/q7RSj/" rel="nofollow">JSFiddle - First Approach (Works)</a>

<a href="http://jsfiddle.net/nzhaD/2/" rel="nofollow">JSFiddle - Second Approach (Doesn't Work)</a>

What is the correct way of selecting drop down text in jQuery starting from a div?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我从一个div数组中动态地抓取一个选定的下拉选项的文本。当我这样做的时候：$("#divID").children("select").eq(0).find('option:selected').text();一切都很好。然而，当我这样做的时候：$("#divID").children("select option:s...

问在jQuery中从div开始选择下拉文本的正确方式是什么？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中从div开始选择下拉文本的正确方式是什么？EN