clickイベントが発生しましたが、クラスを追加することができません

Question

私は以下のことが機能していません。 console.logはdivのIDを取得しているが、私は、クラスを追加または削除することはできませんよ。

function detectDiv(obj) { 
var parent = obj.parentElement; 
console.log(parent.id); 


$('input:checkbox').change(function(){ 
if($(this).is(":checked")) { 
    $(parent.id).removeClass("grey100"); 
} else { 
    $(parent.id).addClass("grey100"); 
} 
}); 


} 

Answer 1

$('input:checkbox').change(function(){ 
if($(this).is(":checked")) { 
    $("#"+ parent.id).removeClass("grey100"); 
} else { 
    $("#"+ parent.id).addClass("grey100"); 
} 
}); 

をuはuが正しくコンソールでIDを取得していることを述べたので。 "＃"（idセレクタ）を追加すると動作します。

Answer 2

あなたは本当に、あなただけの親を使用することができますする必要はありませんが、クエリセレクタ

$("#"+parent.id).addClass("grey100"); 

を使用する必要があると思います。

$(parent).addClass("grey100");