JQUERY怎么获取一个类中的最后一个元素。

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

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

示例如下：

创建Html元素

<div class="top">

<ul>

<li>list-1</li>

<li class="selected">list-2</li>

<li class="selected">list-3</li>

<li>list-4</li>

<li class="selected">list-5</li>

</ul>

<span>红色列表项表示属于selected类，d出框显示了最后一个属于selected类的元素的内容</span>

</div>

设置css样式

div.top{margin:50pxpadding:10pxwidth:300pxheight:250pxborder:2px dashed #ebbcbe}

li{padding:5px}

li.selected{color:redfont-weight:bold}

span{color:#999}

编写jquery代码

$(function(){

$("ul").click(function() {

alert($("li.selected:last").text())

})

})

观察显示效果

append()方法默认是添加到指定元素的最后的。

可以采用如下方式将内容添加到元素的最前面。

使用after()方法，在匹配的元素之后添加内容。

获取到容器的第一个元素，然后使用insertBefore()方法，将内容添加到该元素之前。

---