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

admin管理员组

文章数量:1324847

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

Please help , how to use .each() and .find() using JQuery.

Thanks

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

Please help , how to use .each() and .find() using JQuery.

Thanks

• javascript
• jquery
• html

Share Improve this question Follow edited Jul 21, 2014 at 9:18 Shaunak D 20.6k1010 gold badges4747 silver badges7979 bronze badges asked Jul 21, 2014 at 9:05 prog1011prog1011 3,49544 gold badges3333 silver badges5959 bronze badges

Add a ment  | 

7 Answers 7

Sorted by: Reset to default 6

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 remened by jQuery.(its performance is good if it is user wisely)

html code:-

<div id="divSelect" class="custom dropdown">
    <ul>
<li>text 1</li>
<li>text 2</li>
<li>text 3</li> 
    </ul>
</div>

and javascript code is:-

 $("#divSelect").find("li").each(function()
    {
       var $li=$(this);                
       alert($li.text()) 
    });

thanks

To get them in array,You can use:

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

using each and getting them individually:

$("#divSelect ul li").each(function(){
  alert($(this).html());
});

$("#divSelect > ul > li").text();

With this you get text from all li elements.

fiddle

try this:

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

liText will contain all the "li"s texts.

This can be achieved by

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

$("#divSelect").find("li").each(function(){
  alert($(this).html());
  });

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

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

DEMO

本文标签： javascriptHow to find each li from Div and how to get text of each ltligt tagStack Overflow