jQuery 选择器中 :last 表示最后一个元素,所以表示含有某类属性32313133353236313431303231363533e58685e5aeb931333337616630的最后一个元素可用如下代码表示

$("test-class:last")  // 表示最后一个属于test-class类的元素

示例如下:

创建Html元素



  • list-1
  • list-2
  • list-3
  • list-4
  • list-5

红色列表项表示属于selected类,弹出框显示了最后一个属于selected类的元素的内容



设置css样式

div.top{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}
li{padding:5px;}
li.selected{color:red;font-weight:bold;}
span{color:#999;}

编写jquery代码

$(function(){
$("ul").click(function() {
alert($("li.selected:last").text());
});
})

观察显示效果