Jquery 单击元素时更改主体类

是否有任何方法可以在每次单击元素时获取body类上的项目列表？ 我现在就知道了：

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

---

单击功能将通过单击功能传递事件。您不能将1添加到此项。

您应该在html中使用类似的内容。“数据”属性将在锚点上为您存储步骤编号：

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

---

在body类上获取项目列表意味着什么？您缺少一个串联

“item”+i

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

$("#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

});