如何使用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，您可以使用（和预览）我所指的类与ID。

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/