jquery - 特定のクラスが存在する場合、SRC を変更するために IF/IS を取得しようとしています

Question

この機能を動作させるのに苦労しなければなりません。

$(".chopping").click(function() {
if($("#sink").is('.1-0sinkblack')) {
$("#accessories2").attr('src', 'chooser/acc/1-0-cb.png');
}

});

以下のコードは if/is 関数なしで機能していますが、if/is を追加しても機能しないようです。何か不足していますか？すべての DIV が正しく機能していると思います。

$(".chopping").click(function() {
$("#accessories2").attr('src', 'chooser/acc/1-0-cb.png');

});

Answer 1

$(".chopping").on('click', function() {
    if($("#sink").hasClass('1-0sinkblack')) {
        $("#accessories2").attr('src', 'chooser/acc/1-0-cb.png');
    }

});

これがデモです：http://jsfiddle.net/78zx4/

is関数を使用しても問題はありません。on 関数を使用してコードを修正する必要がある場合があります。

Answer 2

これを使って

$(".chopping").click(function() {
if($("#sink").hasClass('1-0sinkblack')) {
$("#accessories2").attr('src', 'chooser/acc/1-0-cb.png');
}

});

また

$(".chopping").click(function() {
if($("#sink").attr("class")=='1-0sinkblack') {
$("#accessories2").attr('src', 'chooser/acc/1-0-cb.png');
}
});

Answer 3

最もクリーンなソリューションは次のとおりです。

$(".chopping").click(function() {    
   if($("#sink.1-0sinkblack").length == 1) {
       $("#accessories2").attr('src', 'chooser/acc/1-0-cb.png');      
   };
});