javascript - 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() with$(this)来访问.scrolldown锚点后的文本框。

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