如何从Div中找到每个li以及如何获取每个<li>标签的文本？</li>

Question

我使用的是Html代码，我想从<li>获取所有<div id="divSelect">代码，并希望从所有li代码中获取文字。

请帮助，如何使用JQuery使用.each()和.find()。

由于

Answer 1

嘿我已经使用了你的html并编写了一个jQuery函数，该函数使用.each和.find来获取DIV中的所有li。

我们应该使用.find我们可以使用的地方，它是由jQuery推荐的。（如果用户明智的话，它的性能很好）

html代码： -

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

和javascript代码是： -

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

感谢

Answer 2

要将它们放入数组中，您可以使用：

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

使用每个并单独获取它们：

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

Answer 3

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

通过这种方式，您可以获得所有li个元素的文字。

fiddle

Answer 4

使用jquery中的map来收集javascript中的所有数据this.outerHTML以返回html元素

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

DEMO

Answer 5

试试这个：

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

liText 将包含所有＆＃34; li＆＃34; s文本。

Answer 6

这可以通过

来实现

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

Answer 7

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