2012-07-26 38 views
0

我是新的jquery .....我有一個懷疑在下面給出的代碼.....如果我點擊btn相應的父div只應該移動。檢查下面給出的代碼。提前致謝。如何使用1實現兩個函數jquery

<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> 

回答

0

嘗試這樣的:

$(this).prev('.aaa').animate({'left':'500'},500); 
0

您可以使用prev()所點擊按鈕的上一個兄弟,這將是適當的<div>匹配元素:

$(".btn").click(function() { 
    $(this).prev().animate({ 
     left: "500px" 
    }, 500); 
    return false; 
}); 
1
$(document).ready(function(e) { 
    $('.btn').click(function(){ 
     // the siblings .aaa of this button. 
     $(this).siblings('.aaa').animate({'left':'500'},500); 
     return false; 
    }); 
}); 
0
$('.btn').click(function(){ 
    $('.aaa',this).animate({'left':'500'},500); 
    return false; 
}); 
0

CSS屬性L EFT應該有一個值包含PX後綴

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

嘗試更新到:

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