JQueryでラベルにクラスを追加する

Question

jQueryでチェックボックスのclickイベントのチェックボックスのラベルにクラスを追加しようとしています。私はajax呼び出しでチェックボックスのHTMLを取得した後、次の関数を呼び出しています。

function modDispTable() { 
    $("#disptbl :input").each(function() { 
     $(this).click(function() { 
      var lblid = $(this).attr("id") + "_lbl"; 

      if ($(this).is(":checked")) { 
       $(lblid).addClass('chksel'); 
      } 
      else { 
       $(lblid).removeClass('chksel'); 
      } 
     }); 
    }); 
} 

は、以上のチェックボックスがありますが、チェックボックスのすべての結果のHTMLは次のようになります。

<label id="chk_sobomnifeat_lbl" name="chk_sobomnifeat_lbl" for="chk_sobomnifeat" class="radiolbl chkmod chkmod1"> 
<input id="chk_sobomnifeat" name="chk_sobomnifeat" value="chk" type="checkbox"> 
Sobella Omni Feature Display 
</label> 

今、私がやろうとしていますそのすべてが異なる背景色を適用しています。 CSSはページに含まれているファイル内にあります。

.chksel { 
    background-color: #D3CEBE; 
} 

私は間違いをしておりません。 Firebugでのデバッグでは、クリックイベントが発生したときに私はさらに困惑しました。lblidには正しいid値（ラベルの）が含まれており、addClass行が実行されたと思われます。

授業が適用されない理由はありますか？私はJQuery 1.4.4を使用しています。

Answer 1

ID文字列に#がありません。 （すでに適切なマークアップを使用しているので）ことwoud

var lblid = "#" + $(this).attr("id") + "_lbl"; 

しかし、たとえクーラー：あなたは、おそらくのようなIDセレクタを必要とする

var lblid = "#" + $(this).attr("id") + "_lbl";

Answer 2

var label = $("[for=" + $(this).attr("id") + "]"); 

Answer 3

は "追加してみてください＃ "：

var lblid = "#" + $(this).attr("id") + "_lbl"; 

Answer 4

セレクタを$('#'+lblid)に変更