如何使用jQuery将1添加到类

Question

我是jQuery和JS的新手，我正在尝试制作一个动态菜单。真的很简单。我给了两个链接一个类"parent0“和"parent1”。而不必这样做：

 $('parent0').hover(function(){

   $('child0').slideDown();

  });
 $('parent1').hover(function(){

   $('child1').slideDown();

  });

有没有办法让jQuery每次自动加1？

我试过了：

var count = 0;
var parent = $('.parent' + count++);

但我猜那并不是真的有效。

编辑:请参阅链接：http://www.jsfiddle.net/zpGDV/1/

Answer 1

var count = 0;
function addMenu(){
  $('.parent'+count).hover(function(){
    $('.child'+count).slideDown();
  });
  count++;
}

addMenu();
addMenu();

我真的不确定你还打算在这里做什么。

尽管我应该提一下，你不应该在这类事情上使用类名。为一般数据保留类，为特定元素使用ID。

编辑

这是一个jsfiddle，您可以使用(和预览)我所提到的类与I的关系。

Answer 2

尝试使用.each

Answer 3

根据您的HTML结构，您可以只使用索引(如果父链接与子元素相对应)。

html

<a href="" class="parent">link 1</a>
<a href="" class="parent">link 2</a>

<div class="child">child 1</div>
<div class="child">child 2</div>

jquery

$('.parent').hover(
     function(){
       $('.child').eq($(this).index()).slideDown();
     },
      function(){
       $('.child').eq($(this).index()).slideUp();
     }
 );

演示：http://www.jsfiddle.net/gaby/zpGDV/