0

我是 jquery 的新手.....我对下面给出的代码有疑问.....如果我单击 btn，则相应的父 div 只应该移动。检查下面给出的代码。提前致谢。

<script type="text/javascript"> 
     $(document).ready(function(e) { 
         $('.btn').click(function(){ 
             $('.aaa').animate({'left':'500'},500); 
             return false;
         }); 
     });
</script> 
</head> 
<body> 
   <div class="cnt">
      <div class="aaa" style="width:50px; height:50px; background-color:red; position:relative"></div>
      <a href="#" class="btn">Btn</a>
   </div>
   <div class="cnt">
      <div class="aaa" style="width:50px; height:50px; background-color:red; position:relative"></div>
      <a href="#" class="btn">Btn</a></div>
4

5 回答 5

1 
 $(document).ready(function(e) { 
     $('.btn').click(function(){ 
         // the siblings .aaa of this button.
         $(this).siblings('.aaa').animate({'left':'500'},500); 
         return false;
     }); 
 });
于 2012-07-26T07:13:53.830 回答
0 
$('.btn').click(function(){ 
  $('.aaa',this).animate({'left':'500'},500); 
  return false; 
});
于 2012-07-26T07:14:49.340 回答
0

CSS 属性 LEFT 应该有一个包含 PX 后缀的值

$('.aaa').animate({'left':'500'},500); return false;}); });

尝试将其更新为：

$('.aaa').animate({'left':'500px'},500)}); return false;});
于 2012-07-26T07:16:56.670 回答
0

试试这样：

$(this).prev('.aaa').animate({'left':'500'},500);
于 2012-07-26T07:12:49.873 回答
0

您可以使用prev()来匹配单击按钮的上一个兄弟，这将是适当的<div>元素：

 $(".btn").click(function() { 
     $(this).prev().animate({
         left: "500px"
     }, 500); 
     return false;
 });
于 2012-07-26T07:13:46.583 回答