jquery - 要素を見つけてクラスを変更する

Question

のクラスを divPrintDetaileddivからdivPrintSelectedに変更しようとしています

<div id= "MainDiv" class ="MainDiv">
 <div id ="PartialViewDiv">
  <div class="ui-Submenu"> </div>
  <div id="reportContainer" class="divPrintDetailed"></div>
 </div>
</div>

次のコード行は機能しません。私はどこで間違っていますか。

 $('#MainDiv').find('div.divPrintDetailed').attr('class', 'divPrintSelected');

Answer 1

これを試して：

両方のバージョンのデモ。

$('#MainDiv').find('div.divPrintDetailed').removeClass('divPrintDetailed').addClass('divPrintSelected');

MainDiv の html を変更して、ID を持つようにします。

<div id="MainDiv" class ="MainDiv">

次のようにtoggleClasse()を使用することもできます。

$('#MainDiv').find('div.divPrintDetailed,div.divPrintSelected').toggleClass('divPrintDetailed divPrintSelected');

Answer 2

MainDiv には、2 つのクラスではなく ID が必要です。

欠落している ID の問題を修正すると、この方法は機能しますが、次の方法を試すこともできます。

$('#MainDiv').find('div.divPrintDetailed').removeClass('divPrintDetailed').addClass('divPrintSelected');

jsFiddle の例