javascript - 要素に 2 つの特定のクラスがある場合は、ボタンを無効にします

Question

ユーザーが次と前のボタンをクリックしてスクロールできるdivのグループがあります。一度に読み込まれる div は 10 個だけです。ユーザーが次のボタンをクリックすると、最初の div が非表示になり、次の div が表示されます。前のボタンに移動します。ユーザーが最初の div を表示しているときは前のボタンを無効にし、ユーザーが最後の div を表示しているときは次のボタンを無効にしたいと思います。これまでのところ、ボタンを無効にする以外はすべて機能しています。

これが私のHTMLのゆるい構造です

<div>
    <button id="logo-previous"></button>
    <div class="logo-image"></div>
    <div class="logo-image"></div>
    <div class="logo-image"></div>
    <button id="logo-next"></button>
</div>

これまでの私のjQueryスクリプトは次のとおりです。

$(document).ready(function() {
    $('.logo-image:lt(10)').show();
    $('.logo-image').first().attr('id', 'first');
    $('.logo-image').last().attr('id', 'last');
    $('.logo-image:lt(10)').addClass("current");

    $('#logo-next').click(function() {
        $('.current').first().removeClass("current").hide();
        $('.current').last().next().addClass("current").show();
    });

    $('#logo-previous').click(function() {
        $('.current').last().removeClass("current").hide();
        $('.current').first().prev().addClass("current").show();
    });
});

ボタンを無効にする最も簡単な方法は、次のようにすることです。

if (.logo-image).hasClass(current) && (.logo-image).hasClass(first) 
    (logo-previous).attr(disabled true)

何らかの理由で、この方法は私にはうまくいきません。ボタンを無効にする良い方法はありますか?