jquery - 要素がクリックされたときにボディクラスを変更する

Question

要素がクリックされるたびにbodyクラスのアイテムリストを取得する方法はありますか？今これまでのIm：

$("#step a").click(function (i) {
    i = i+1;
    $("body").addClass("item" i);
});

Answer 1

var i = 0;
$("#step a").click(function () {
    i = i+1;
    $('body').removeClass().addClass('item' + i);
});

Answer 2

クリック関数は、クリック関数を介してイベントを渡します。これに1を追加することはできません。

あなたはあなたのhtmlでこのようなものを使うべきです。data属性は、アンカーにステップ番号を格納します。

<div id="step">
    <a data-step="1">Click me</a>
</div>

そしてそれを制御するためのいくつかのJavaScript：

$("#step a").click(function(e) {
    e.preventDefault(); //Stop browser jumping to top of the page

    var step = $(this).attr("data-step"); //Get the current step from attribute
    $("body").addClass("item-" + step); //Add this class to the body

});