php - jquery を使用して属性を動的に変更する

Question

以下はHTMLページの一部です。

<div class="ajax-load">

</div>

<button id="next" class="load-page-2">

そして、これがjavascript:

$(".load-page2").click(function() {
    $(".ajax-load").load("3.php");
    $.get('4.php', function(data) {
         $('.ajax-load').append(data);
             $.get('5.php', function(data){
                $('.ajax-load').append(data);
            });
        });

     // Now I need to change the class of the #next button

    $("#next").removeClass("load-page2");
    $("#next").addClass("load-page3");
}); // End click function



//Now different functionality for the same button but with class "load-page3" 

$(".load-page3").click(function(){
    // load 6.php 7.php 8.php
});

しかし、これはうまくいきません。"load-page2" classボタンにはまだ があり、ロードされているようです3.php 4.php and 5.php