Javascript 类的最后一个元素
如何检查具有特定类的元素是否是该类的最后一个元素Javascript 类的最后一个元素,javascript,jquery,class,css-selectors,Javascript,Jquery,Class,Css Selectors,如何检查具有特定类的元素是否是该类的最后一个元素 <div class="foo"></div> <div class="foo"></div> <div class="foo"></div> <div class="foo"></div> <div class="foo"></div> <div class="foo"></div> <div c
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div> // I want to check if this is the last element of this class
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
//我想检查这是否是这个类的最后一个元素
下面将循环每个div,并说明哪个div是最后一个div
var count = $('div.foo').length;
$('div.foo').each(function(index){
if(index == (count-1))
{
alert("this is last div" + index);
}
});
这样您就可以得到类的最后一个元素
var last_foo_div = $('div.foo:last');
或
因为我不确定如何识别这个变量,所以假设
$foo
是该特定元素的jQuery对象
你可以做:
if (!$foo.next(".foo").length){
//its the last foo
}
实时演示:您如何确定我们正在讨论的实例?这将获取最后一个元素,它不会检查我们已经拥有的元素是否是最后一个元素。这将只返回第一个“bar”元素。
if ($('.foo').next('.foo').length == 0)
alert("This is last Element")
if (!$foo.next(".foo").length){
//its the last foo
}