在多个实例中应用jquery

2013-02-21 34 views 0 likes

我有一个悬停功能（请参阅下面的代码），它给出了我已经应用到的类上的文本的下拉段落。这在指定的类上工作正常。在多个实例中应用jquery

$('.job_container').hover(function(){ 
    $(".job_subheading").animate({top: "30px }, 200);}, 
     function(){ 
      $(".job_subheading").animate({ 
     top: "0px" }, 200); 
     });

但是我想添加更多这些类的实例与不同的下拉段落。当我这样做，然后悬停在一个，下降适用于所有，因为他们有相同的类。

我应该将类更改为ID并重新编写我希望使用的每个实例的代码？在多个实例中应用代码的最新方法是什么？

感谢您的帮助，加文

来源

2013-02-21 Gavin Hinfey

.job_subheading是有利于儿童.job_container的元素？ – starowere 2013-02-21 09:45:56

显示您的HTML。 – 2013-02-21 09:46:01

回答

您应该使用儿童选择：

$('.job_container').hover(function(){ 
$(this).children(".job_subheading").animate({ 
top: "30px }, 200);}, 
         function(){ 
$(this).children(".job_subheading").animate({ 
top: "0px" }, 200);

所以，你的HTML必须是这样的：

<div class="job_container"><div class="job_subheading"></div>something else</div> 
<div class="job_container"><div class="job_subheading"></div>something else</div> 
<div class="job_container"><div class="job_subheading"></div>something else</div>

来源

2013-02-21 09:47:31 starowere

图例！我欠你一品脱！ – 2013-02-21 09:51:53

不错！你可以通过邮寄） – starowere 2013-02-21 09:53:12

在多个实例中应用jquery

回答

相关问题