jqueryのdivのクラス名を変更する

Question

ボタンをクリックすると、私のコンテンツのdivの下にあるliのクラスの名前を変更したいと思います。それを行う方法はありますか？私のコードは以下の通りです。

<div id="mycontent"> 
    <ul id="sortable"> 
    <li id="1" class="myclass">Item 1</li> 
    <li id="2" class="myclass2">Item 2</li> 
    <li id="3" class="myclass3">Item 3</li> 
    <li id="4" class="myclass4">Item 4</li> 
    </ul> 
</div> 

$(document).ready(function() 
    { 
    $("#submit_prog").click(
     function()    
      {      
      $.ajax(
      { 
       type: "POST", 
       url: "sort2.php",        

      });  
     }); 
    }); 

Answer 1

私はjQueryのようなものになるだろうかなり確信している：各li要素に

$("#mycontent li.myclass2").removeClass("myclass2").addClass("myOtherClass2"); 

...など。あなたは（ID myClassChangeButtonと、この例では）ボタンのクリックイベントにそれを追加します

$("#mycontent li").removeClass("myclass myclass2 myclass3 myclass4").addClass("myOtherClass2"); 

：あなたはこれを使用して、すべてliの要素のクラスを変更したい場合

：

$("#myClassChangeButton").click(function(){ 
    $("#mycontent li.myclass").removeClass("myclass").addClass("myOtherClass"); 
    $("#mycontent li.myclass2").removeClass("myclass2").addClass("myOtherClass2"); 
    $("#mycontent li.myclass3").removeClass("myclass3").addClass("myOtherClass3"); 
    $("#mycontent li.myclass4").removeClass("myclass4").addClass("myOtherClass4"); 
}); 

Answer 2

はい。これを試してみてください：この線に沿って

$('.button').click(function(){ 
    $('li#4') .removeClass(); 
    $('li#4').addClass('your_class') 
}); 

何かが

Answer 3

使用を動作するはずです、これはID mycontentとのdivにli要素からクラスmyclass2を変更するには：

$('#button').click(function(){ 
    $('#mycontent li.myclass2').removeClass().addClass('newClass'); 
}); 

編集：

コードジョッキーは、これですべてのクラスが削除されると述べましたそうです.myclass2 とli要素から、その将来の読者のために、これが唯一の.myclass2削除します：

$('#mycontent li.myclass2').removeClass('myclass2').addClass('newClass');