目標與jQuery

Question

我使用此代碼顯示和隱藏有一個名爲「文字」一類的DIV父DIV中的元素：

$(".text").hide(); 
$('.more-link').click(function(){ 
     $(".text").slideToggle();   
}); 

這個HTML

一起：

<div class="box"> 
    <p>Some text</p> 
    <div class="text"> 
     <p>Even more text</p> 
    </div> 
    <a href="#" class="more-link">Read more</a> 
</div> 

<div class="box"> 
    <p>Some text</p> 
    <div class="text"> 
     <p>Even more text</p> 
    </div> 
    <a href="#" class="more-link">Read more</a> 
</div> 

我需要幫助來定位父div中特定的「div.text」。我想我應該使用父（）函數，但我不明白我應該如何應用它。

謝謝你的幫助。

Answer 1

你可以這樣做（這樣，每個環節只顯示相關文本）：

$(".text").hide(); 
$('.more-link').click(function(){ 
     $(this).prev(".text").slideToggle();   
}); 

fidlle：http://jsfiddle.net/QEVXf/

Answer 2

更換

$('.more-link').click(function(){ 
     $(".text").slideToggle();   
}); 

與

$('.more-link').click(function(){ 
     $(this).parent().find(".text").slideToggle();   
}); 

Answer 3

$('.text').hide(); 
$('.more-link').click(function(){ 
    $(this).parent().find('.text').slideToggle();   
}); 

Answer 4

嘗試：

$(".text").hide(); 
$('.more-link').click(function(e){ 
    $(this).parent().find(".text").slideToggle();   
}); 

Answer 5

$(".text").hide(); 
$('.more-link').click(function(){ 
     $(this).siblings(".text").slideToggle();   
});