1

初心者のjQueryの質問があります。オーバーフローしたコンテンツを上下にスクロールするためのリンクを含む小さなテキスト ボックスを多数追加する必要があります。

次のように動作するようになりましたが、ページ上で繰り返されるテキストボックスを処理するために再加工する必要があります。

ジャバスクリプト..

$(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>

おそらく「次の」セレクターを使用できると思いますが、それを書き直すのに少し助けが必要です。

4

1 に答える 1

1

next()を使用して、アンカー$(this)の後のテキスト ボックスにアクセスできます。.scrolldown

$(function() {
    $('a.scrolldown').click(function(event) {   
       event.preventDefault();
       $mytextbox = $(this).next(".mytextbox");
       $mytextbox.scrollTop($mytextbox.scrollTop() - 20);
    });
});
于 2013-05-16T12:29:39.877 に答える