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); 
    }); 
});