2

これは私が持っているコードです。今必要なことは、クラス名「icon-」の後に整数を増やして、クリックするたびに「icon-」クラスがより高い整数値を取得することです。クリック -> 'icon-2'、クリック -> 'icon-3' など。

ユーザーに表示される現在のアイコンは「icon-1」であることに注意してください。

また、「icon-10」に達した場合に警告したり、「icon-10」または「icon-1」より下に行こうとしたりするのを防ぐ方法はありますか。

    $(function () {
        a = 2,
        b = '',

        $('.icon-step-backward').click(function(){      
            $('#slider').removeClass();
            $('#slider').addClass('icon-' - a);
        });

        $('.icon-step-forward').click(function(){
            $('#slider').removeClass('icon-');
            $('#slider').addClass('icon-' + a);
        });
    });
4

2 に答える 2

2 
$('.icon-step-backward, .icon-step-forward').click(function () {
    var s = $(this).hasClass('icon-step-backward') ? -1 : 1;
    $('#slider').prop('className', function (_, p) {
        return p.replace(/\d+/g, function (n) { 
            var j = +n + s;
            return j <= 10 && j >= 1 ? j : n;
        });
    });
});

http://jsfiddle.net/Mwcbp/

于 2013-05-08T12:29:04.383 に答える