2013-02-21 56 views
-3

如何检查具有某个类的元素是否是该类的最后一个?类的最后一个元素

<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> 
+5

你是如何确定我们正在谈论哪个实例? – 2013-02-21 13:57:57

回答

1

下面将回路中的每个格,并说这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'); 

var foodivs= $('div.foo'); 
    var lastdiv = foodivs.last(); 
+1

这得到最后一个元素,它不检查我们已有的元素是否是最后一个元素。 – Curt 2013-02-21 14:01:05

+0

@Curt - 答案已更新,可能符合要求.. – 2013-02-21 14:05:13

-1
if ($('.foo').next('.foo').length == 0) 
    alert("This is last Element") 
+0

这将只返回第一个“bar”元素。 – Curt 2013-02-21 14:01:53

1

因为我不确定你是如何识别这个变量的,所以可以说$foo是该特定元素的jQuery对象。

你可以这样做:

if (!$foo.next(".foo").length){ 
    //its the last foo 
} 

现场演示:http://jsfiddle.net/2W6eT/

相关问题