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样式

divtop{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}

li{padding:5px;}

liselected{color:red;font-weight:bold;}

span{color:#999;}

编写jquery代码

$(function(){

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

alert($("liselected:last")text());

});

})

观察显示效果

<span id="myItem">选项卡</span>

<a id="myContent">这里是要显示在选项卡的内容</a>

js：

jQuery("#myContent")click(function(){

var myContent = jQuery("#myContent")val();

//把a标签的内容显示在选项卡中

jQuery("#myItem")html(myContent) ;

//把a标签的内容显示在选项卡的title属性中

jQuery("#myItem")attr("title",myContent) ;

});

不知道我理解的对不对

jQuery 的 index() 方法返回指定元素相对于其他指定元素的索引值，注意：索引值是从0开始计数的。获得当前元素的索引值可用click事件触发

示例代码如下：获取被点击的a标签的索引值

1，创建Html元素

2，设置css样式

3，编写jquery代码

4，观察效果：因为index从0开始计数，所以点击第三个元素，获取的索引值是2

扩展资料

jQuery的核心特性：

1，具有独特的链式语法和短小清晰的多功能接口；

2，具有高效灵活的css选择器，并且可对CSS选择器进行扩展；

3，拥有便捷的插件扩展机制和丰富的插件。

4，jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料：

jQuery - 百度百科

var aAll = abcfind('a');

find(expr)

搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。

所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。

返回值

jQuery

参数

expr (String) :用于查找的表达式

示例

从所有的段落开始，进一步搜索下面的span元素。与$("p span")相同。

HTML 代码:

<p><span>Hello</span>, how are you</p>

jQuery 代码:

$("p")find("span")

结果:

[ <span>Hello</span> ]

以上就是关于JQUERY怎么获取一个类中的最后一个元素。全部的内容，包括:JQUERY怎么获取一个类中的最后一个元素。、jquery如何获取动态添加的A标签中的文本、jquery中怎么获得当前元素的索引值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！