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

时间:2014-10-25 20:03:19

标签: javascript jquery html css

我花了不少时间试图解决这个问题,并认为我只是在做某种脑屁。这是我到目前为止的代码:

alert($('#messages2 ul li').index()); // Need to add something in index

这个应用程序基本上使用Node.js来发送和接收消息(聊天应用程序)。每当发送消息时,appended都是UL(它们不是LI tags的特殊ID标记)。这是我用于append的代码(效果很好!)

$('#messages2').append('<li>'+ "[ <strong>" + socket1+"</strong> ] "+msg + '</li>');

我想要做的是获取UL中的最后一项,我确信这不是太难。

5 个答案:

答案 0 :(得分:2)

在jQuery中使用last

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

你可以用不同的方式

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

答案 3 :(得分:0)

使用CSS3的新last-child属性。现在您不必创建自定义类并找到将其附加到ID或其他类的方法。

http://www.w3schools.com/cssref/sel_last-child.asp

答案 4 :(得分:0)

使用li:last-child选择器

这是html ...

        
  • FOO
  •     
  • 第二个孩子
  •     

这是CSS

ul li:last-child {

background: red;

}

http://jsfiddle.net/q6ymgvfp/