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

Posted 2023-04-19

我想要获取页面中<a>标签里带有class='active'的最后一个元素。请问要如何用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类，弹出框显示了最后一个属于selected类的元素的内容</span>
</div>

设置css样式

div.topmargin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;
lipadding:5px;
li.selectedcolor:red;font-weight:bold;
spancolor:#999;

编写jquery代码

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

观察显示效果

参考技术A

1、启动Java IDE，这里以常用的Eclipse为例，在一个创建好了的Java工程中，点击File-New-Class，即可新建一个普通的Java类。

2、在弹出来的新建类窗口“New Java Class”中，可以对欲添加的Java类的类名和实现的接口进行定义，需要注意的是类名的命名要符合Java标识符的规范，如“ClassTest”，并勾选创建主方法

3、可以看到，已经创建了一个只包含类名和主方法的空白类，下面的对象这里以Java内置的字符串为例。

4、首先创建一个名为“s”的空白的字符串对象（调用了无参的构造方法），然后给它赋初值“abcdefABCDEF”，这样就创建出了一个新的字符串对象。

5、然后调用String类的length方法，其返回值为int，可以获取到这个字符串的长度，并且我们用System.out.println()方法在控制台上打印出字符串的长度，为12。

6、然后创建一个新的字符串s2，用来保存原来字符串对象的最后一个元素，调用String类的取字串方法.substring(index)，括号内为从该索引值向后截取。

7、这里填入刚才获取到的字符串的长度，再减去1，即为最后一个元素的前一个元素的索引，然后再System.out.println()方法在控制台上打印出原来字符串的最后一个元素，应为“F”，表明获取对象的最后一个元素成功了。

参考技术B $("a[class='active']").last()
或者
$("a[class='active']:last") 参考技术C $("a[class=active]:last")本回答被提问者采纳

如何获取jQuery集合的某一项

三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。
其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。
$(document).ready(function()
$("div p").first();//获取第一个<div>中的第一个<p>
$("div p").last();//获取最后一个<div>中的最后一个<p>
$("p").eq(1);//获取所有<p>中的第二个<p>
$("p").filter(".demo");//返回带有demo类名的所有<p>
$("p").not(".demo");//返回不带有demo类名的所有<p>
$("p").parent();//返回<p>的直接父元素；
$("p").parents();//返回<p>的所有祖先
$("p").parentsUntil("div");//返回<p>与<div>间的所有祖先

$("div").children();//返回<div>的直接子元素

$("div").find();//返回<div>的所有后代
$("h1").siblings();//返回<h1>的所有兄弟元素
$("h1").next();//返回<h1>的下一个同胞元素
$("h1").nextAll();//返回<h1>后面的所有同胞元素

$("h1").nextUntil("h6");//返回<h1>与<h6>间的所有同胞元素
prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不过方向相反而已：它们返回的是前面的同胞元素
); 参考技术A #(".list:first");这是获取第一项
#(".list:last");获取最后一项
#(".list:eq(1)");获取第二个，序列是从0开始的 参考技术B 如果是第一个 可以用first 如果是最后一个可以用last 如果是中间的某一个可以用eq。