0

次のコードがあります。

<div class="sequence-container"> 
  <div id="1"></div>
  <div id="2"></div>
  <div id="3"></div>
</div>

およびjQuery:

$(window).load(function(){
    $('.sequence-container div:first').show(); // show first on load

    $('.next').click(function() {
        var $next = $('.sequence-container div:visible').next();
        if ($next.length) {
        $('.sequence-container div').hide();
            $next.show();
        }
    });

    $('.prev').click(function() {
        var $prev = $('.sequence-container div:visible').prev();
        if ($prev.length) {
            $('.sequence-container div').hide();
            $prev.show();
        }
    });

});

これにより、ユーザーは div を前後に移動できます。しかし、私がやりたいのは、現在表示されているIDのを戻すdivことです。私は苦労しています - 何か提案はありますか?

4

3 に答える 3

2

jQueryattr()関数を使用すると、次のidように値を取得できます。

$(this).attr('id');

注: $(this)jQuery セレクターの DIV を指します。

于 2013-08-07T18:27:24.240 に答える
1

jQuery可視セレクターを使用できます 

$("div:visible").attr("id");

表示されているものを選択しdivます

于 2013-08-07T18:28:37.837 に答える