Class的最后一个元素

时间:2013-02-21 13:57:01

标签: 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 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>

3 个答案:

答案 0 :(得分:1)

以下将循环每个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');

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

答案 1 :(得分:1)

由于我不确定您如何识别此变量,因此我们可以说$foo是该特定元素的jQuery对象。

你可以这样做:

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

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

答案 2 :(得分:-1)

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