いくつかの画像を含むスライドショーがあります。スライドする NEXT リンク (id: #next) があります。最後の画像に到達したらすぐに、次のリンクの CSS カラーを変更したい。
私は今そのようなものを持っています:
if($('img.next()').is(":last-child")){$('#next').css('color:#666');}
else{$('#next').css('color:#111');}
それの何がいけないの?
いくつかの画像を含むスライドショーがあります。スライドする NEXT リンク (id: #next) があります。最後の画像に到達したらすぐに、次のリンクの CSS カラーを変更したい。
私は今そのようなものを持っています:
if($('img.next()').is(":last-child")){$('#next').css('color:#666');}
else{$('#next').css('color:#111');}
それの何がいけないの?
あなたの.css()
構文は少しずれています。上記のコードのように、CSS プロパティ値のペアを 1 つだけ設定する場合、.css()
メソッドは 2 つのパラメーターを受け取ります。
複数のプロパティ値のペアを要素に追加する必要がある場合.css()
は、単一のオブジェクトをパラメーターとして受け入れます。
詳細については、jQuery docsを参照してください。
特定のケースでは、コードは次のようになります。
if($('img.next()').is(":last-child")){$('#next').css('color', '#666');}
else{$('#next').css('color', '#111');}
それが役立つことを願っています!