jQuery利用选择器选择同一类上的第N个元素

jQuery利用选择器选择同一类下的第N个元素
  大家知道$(".xxxx")选择器是用来选择一个网页中class的值为xxxx的页面元素，如果在一个网页中存在多个class="xxxx"的元素，我们可能需要选择其中的某一个元素，比如最简单的幻灯片样式
 

<div class="demo">
  <img src="demo/demo1.png">
</div>
<div class="demo">
  <img src="demo/demo2.png">
</div>
<div class="demo">
  <img src="demo/demo3.png">
</div>
<div class="demo">
  <img src="demo/demo4.png">
</div>
  

我们想把这四个DIV做成轮流显示，就需要选择其中的一个，也就是用到了找到同样class的第N个元素了，我们可以使用jQuery的eq gt lt 等表达式来进行操作js代码如下：

$(document).ready(function(){
  $(".demo").hide();
  $(".demo:eq(0)").show();
  var n = 0;
  setTimeout(function(){
    n++;
    $(".demo").hide();
    var str = ".demo:eq("+n+")";
    $(str).show();
    if(n == 3){
      n = 0;
    }
  },5000)
});

其中的   $(".demo:eq(n)")就是获得同样class的第N个元素。