blocks|key|962397|text|嘿，我使用了您的html并编写了一个jQuery函数，它使用.each和.find从DIV中获取所有的li。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|962398|我们应该在我们可以使用的地方使用.find，这是由jQuery推荐的。(如果它是明智的用户，它的性能是好的)|962399|html代码：-|962400|<div+id="divSelect"+class="custom+dropdown">
++++<ul>
<li>text+1</li>
<li>text+2</li>
<li>text+3</li>+
++++</ul>
</div>|code-block|syntax|javascript|962401|而javascript代码是：-|962402|+$("#divSelect").find("li").each(function()
++++{
+++++++var+$li=$(this);++++++++++++++++
+++++++alert($li.text())+
++++});|962403|谢谢|962404|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Hey I have used your html and wrote a jQuery function which is using .each and .find to fetch all the li from the DIV.

we should use .find where we can use, its recommened by jQuery.(its performance is good if it is user wisely)

html code:-

<pre><code>&lt;div id="divSelect" class="custom dropdown"&gt;
 &lt;ul&gt;
&lt;li&gt;text 1&lt;/li&gt;
&lt;li&gt;text 2&lt;/li&gt;
&lt;li&gt;text 3&lt;/li&gt; 
 &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

and javascript code is:-

<pre><code> $("#divSelect").find("li").each(function()
 {
 var $li=$(this); 
 alert($li.text()) 
 });
</code></pre>

thanks

blocks|key|318534|text|若要将它们放入数组中，可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|318535|var+alllitexts=$('#divSelect+ul+li').map(function(){
++return+$(this).html();
}).get();|code-block|syntax|javascript|318536|使用每一种方法并单独获取：|318537|$("#divSelect+ul+li").each(function(){
++alert($(this).html());
});|318538|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

To get them in array,You can use:

<pre><code>var alllitexts=$('#divSelect ul li').map(function(){
 return $(this).html();
}).get();
</code></pre>

using each and getting them individually:

<pre><code>$("#divSelect ul li").each(function(){
 alert($(this).html());
});
</code></pre>

blocks|key|962332|text|$("#divSelect+>+ul+>+li").text();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|962333|这样，您就可以从所有li元素中获得文本。|unstyled|offset|length|style|CODE|962334|小提琴|962335|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/6gEfK/1/^0|0|A|2|0|0|3|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|V|8|@$G|W|H|X|I|J]]|9|@]|A|$]]|$1|K|3|L|5|F|7|Y|8|@]|9|@$G|Z|H|10|1|11]]|A|$]]|$1|M|3|-4|5|F|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<pre><code>$("#divSelect &gt; ul &gt; li").text();
</code></pre>

With this you get text from all <code>li</code> elements.

<a href="http://jsfiddle.net/6gEfK/1/" rel="nofollow">fiddle</a>

blocks|key|318586|text|使用jquery中的map收集所有数据，使用javascript中的this.outerHTML返回html元素。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|318587|++++var+data=$("#divSelect+ul+li").map(function(){
++++++++return+this.outerHTML;
++++}).get();
alert(data);|code-block|syntax|javascript|318588|演示|318589|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/6gEfK/2/^0|Y|E|0|0|0|2|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Use map in jquery to collect all data ,<code>this.outerHTML</code> in javascript to return the html element 

<pre><code> var data=$("#divSelect ul li").map(function(){
 return this.outerHTML;
 }).get();
alert(data);
</code></pre>

<h2><a href="http://jsfiddle.net/6gEfK/2/" rel="nofollow">DEMO</a></h2>

blocks|key|316779|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|316780|var+liText='';
$('#divSelect+ul+li').each(function(){
++++liText%2B=$(this).html();
});|code-block|syntax|javascript|316781|liText将包含所有的“李”文本。|offset|length|style|BOLD|316782|entityMap^0|0|0|0|6|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

try this:

<pre><code>var liText='';
$('#divSelect ul li').each(function(){
 liText+=$(this).html();
});
</code></pre>

liText will contain all the "li"s texts.

blocks|key|962365|text|这可以通过|type|unstyled|depth|inlineStyleRanges|entityRanges|data|962366|$("#divSelect+ul+li").each(function(index){
alert+(+index+%2B+":+"+%2B+$(+this+).text()+);
});|code-block|syntax|javascript|962367|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This can be achieved by

<pre><code>$("#divSelect ul li").each(function(index){
alert ( index + ": " + $( this ).text() );
});
</code></pre>

blocks|key|962371|text|$("#divSelect").find("li").each(function(){
++alert($(this).html());
++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|962372|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$("#divSelect").find("li").each(function(){
 alert($(this).html());
 });
</code></pre>

I am using below Html code and I want to get all the <code>&lt;li&gt;</code> tags from the <code>&lt;div id="divSelect"&gt;</code> and I want to get text from all li tags. 

<img src="https://i.stack.imgur.com/e96No.png" alt="HTML">

Please help , how to use <code>.each()</code> and <code>.find()</code> using JQuery.

Thanks

How to find each li from Div and how to get text of each <li> tag?

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我正在使用下面的Html代码，我希望从<li>中获取所有的<div id="divSelect">标记，我希望从所有的li标记中获取文本。​​请帮助，如何使用.each()和.find()使用JQuery。谢谢

问如何从Div中找到每个li，以及如何获取每个<li>标记的文本？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从Div中找到每个li，以及如何获取每个<li>标记的文本？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从Div中找到每个li，以及如何获取每个<li>标记的文本？
EN