jquery，選擇並滾動下一個元素

Question

我有一個新手jQuery的問題。我需要添加一些帶有鏈接的小文本框來上下滾動任何溢出的內容。

我得到它的工作如下，但需要重新它來處理頁面上的重複文本框。

的Javascript ..

$(function() { 
    $('a.scrolldown').click(function(event) { 
    event.preventDefault(); 
    $(".mytextbox").scrollTop($(".mytextbox").scrollTop() - 20); 
    }); 
}); 

隨着標記...

<div class="news_col"> 
    <p class="newscontrols"> 
    <a class="scrolldown" href="#">down </a><a class="scrollup" href="#">up</a></p> 
    <div class="news_item_text mytextbox"> 
     <p>Loren ipsum...</p> 
    </div> 
</div> 

我意識到我可能會使用 '下一個' 選擇，但需要一點幫助改寫它。

Answer 1

您可以使用next()和$(this)訪問.scrolldown錨點後面的文本框。

$(function() { 
    $('a.scrolldown').click(function(event) { 
     event.preventDefault(); 
     $mytextbox = $(this).next(".mytextbox"); 
     $mytextbox.scrollTop($mytextbox.scrollTop() - 20); 
    }); 
});