javascript - jQuery，选择并滚动下一个元素

我有一个新手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>

我意识到我可以使用“下一个”选择器，但需要一些帮助来重写它。

最佳答案

您可以将next()与$(this)一起使用，以访问.scrolldown锚点之后的文本框。

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

关于javascript - jQuery，选择并滚动下一个元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16587380/