Последний элемент класса

Question

Как проверить, является ли элемент с определенным классом последним этого класса?

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

Answer 1

Следующая цикл будет каждый ДИВ и сказать, ДИВ последняя Див

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(); 

Answer 2

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

Answer 3

Как я не уверен, как вы идентифицируете эту переменную, скажем, $foo является объектом jQuery для этого конкретного элемента.

Вы можете сделать:

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

Live Demo:http://jsfiddle.net/2W6eT/