Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 试图从无序列表中获取最后一个元素_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 试图从无序列表中获取最后一个元素

Javascript 试图从无序列表中获取最后一个元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我花了一段不健康的时间试图弄明白这一点,并认为我只是有点大脑放屁。这是我目前掌握的代码: alert($('#messages2 ul li').index()); // Need to add something in index 基本上,该应用程序使用Node.js发送和接收消息(聊天应用程序)。无论何时发送消息,都会将其附加到UL(对于LI标签,它们没有特殊的ID标签)。这是我用来追加的代码(很好用!) $(“#messages2”)。追加(“”+”[“+socket1+”]“+msg+

我花了一段不健康的时间试图弄明白这一点,并认为我只是有点大脑放屁。这是我目前掌握的代码:

alert($('#messages2 ul li').index()); // Need to add something in index
基本上,该应用程序使用Node.js发送和接收消息(聊天应用程序)。无论何时发送消息,都会将其
附加到
UL
(对于
LI标签
,它们没有特殊的ID标签)。这是我用来追加的代码(很好用!)

$(“#messages2”)。追加(“
  • ”+”[“+socket1+”]“+msg+”
  • ”);
    我想做的是获取
    UL
    中的最后一项,我相信这不会太难。

    在jQuery中使用:

    $('ul li').last(). /* do something with it */
    
    在jQuery中使用:

    $('ul li').last(). /* do something with it */
    
    在jQuery中使用:

    $('ul li').last(). /* do something with it */
    
    在jQuery中使用:

    $('ul li').last(). /* do something with it */
    

    您可以使用jQuery选择器直接获取它:

    $("#messages2 ul li:last-child")
    

    您可以使用jQuery选择器直接获取它:

    $("#messages2 ul li:last-child")
    

    您可以使用jQuery选择器直接获取它:

    $("#messages2 ul li:last-child")
    

    您可以使用jQuery选择器直接获取它:

    $("#messages2 ul li:last-child")
    

    你可以用不同的方法

    - $('ul li').last()
    - $("ul li:last")
    - $("ul li:last-child")
    - $("ul li")[$("ul li").length-1] // if($("ul li").length)
    

    你可以用不同的方法

    - $('ul li').last()
    - $("ul li:last")
    - $("ul li:last-child")
    - $("ul li")[$("ul li").length-1] // if($("ul li").length)
    

    你可以用不同的方法

    - $('ul li').last()
    - $("ul li:last")
    - $("ul li:last-child")
    - $("ul li")[$("ul li").length-1] // if($("ul li").length)
    

    你可以用不同的方法

    - $('ul li').last()
    - $("ul li:last")
    - $("ul li:last-child")
    - $("ul li")[$("ul li").length-1] // if($("ul li").length)
    

    使用CSS3的新最后一个子属性。现在,您不必创建自定义类并找到将其附加到ID或其他类的方法


    使用CSS3的新最后一个子属性。现在,您不必创建自定义类并找到将其附加到ID或其他类的方法


    使用CSS3的新最后一个子属性。现在,您不必创建自定义类并找到将其附加到ID或其他类的方法


    使用CSS3的新最后一个子属性。现在,您不必创建自定义类并找到将其附加到ID或其他类的方法


    使用li:最后一个子选择器

    这里是html

    • 第二胎
    • 酒吧
    这是CSS

    最后一个孩子{

    background: red;
    
    }


    使用li:最后一个子选择器

    这里是html

    • 第二胎
    • 酒吧
    这是CSS

    最后一个孩子{

    background: red;
    
    }


    使用li:最后一个子选择器

    这里是html

    • 第二胎
    • 酒吧
    这是CSS

    最后一个孩子{

    background: red;
    
    }


    使用li:最后一个子选择器

    这里是html

    • 第二胎
    • 酒吧
    这是CSS

    最后一个孩子{

    background: red;
    
    }