Javascript 从每个ul获取第一个li元素的文本

Javascript 从每个ul获取第一个li元素的文本,javascript,jquery,Javascript,Jquery,我有很多列表,并试图从列表中的每一个li中获取文本 标记很简单,如下所示: <ul> <li>abc</li> <li>def</li> <li>ghi</li> </ul> abc def ghi 等等 我的jQuery尝试是: var elems = $('ul'); // returns a nodeList var arr = jQuery.make

我有很多
列表,并试图从列表中的每一个li中获取文本

标记很简单,如下所示:

<ul>
   <li>abc</li>
   <li>def</li>
   <li>ghi</li>
</ul> 
  • abc
  • def
  • ghi
等等

我的jQuery尝试是:

    var elems = $('ul'); // returns a nodeList
    var arr = jQuery.makeArray(elems);
    arr.reverse(); // use an Array method on list of dom elements

    for( var i=0;  i < elems.length; i++) {
        console.log($(this).find('li:lt(1)').text());
    }
var elems=$('ul');//返回节点列表
var arr=jQuery.makeArray(elems);
arr.reverse();//在dom元素列表上使用数组方法
对于(变量i=0;i
但是我在
循环中有一个错误,使用
$(这个)。
如果我不使用
$(这个),我不知道如何获得
ul
编号1或3的第一个文本。


那么,如何才能将它正确地指向
for
循环?

。每个
都将为您提供

$('ul').each(function() {
     console.log($(this).find('li').eq(0).text());
})

。每个
都将为您提供此

$('ul').each(function() {
     console.log($(this).find('li').eq(0).text());
})

使用
:first
替代
:eq(0)

或者,放弃
find()
函数

 $('ul').each(function() {
    console.log( $('li:first', this).text() );
 });

使用
:first
替代
:eq(0)

或者,放弃
find()
函数

 $('ul').each(function() {
    console.log( $('li:first', this).text() );
 });
您还可以使用:

$("li:nth-child(1)").each(function() 
                              {
                                console.log($(this).text());
                              });
注意事项:

  • 对于
    :第n个子项(n)
    ,所有子项都将被计数,而不管它们是什么

  • 对于
    :n个子(n)
    ,n是基于1的(第一个索引是1而不是0)

您还可以使用:

$("li:nth-child(1)").each(function() 
                              {
                                console.log($(this).text());
                              });
注意事项:

  • 对于
    :第n个子项(n)
    ,所有子项都将被计数,而不管它们是什么

  • 对于
    :n个子(n)
    ,n是基于1的(第一个索引是1而不是0)


美元((“li”).first().text()在这里是否同样有效?(当然,在.each中)这将获得页面上的第一个LI-您需要“this”来获得当前UL的范围。在这里,$(“LI”).first().text()是否同样有效?(当然,在.each中)这将获得页面上的第一个LI-您需要“this”来获得当前UL的范围。