jquery - 单击元素时更改正文类

Question

每次单击元素时，有没有办法在 body 类上获取项目列表？我现在正在做这个：

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

Answer 1

您的点击功能将通过您的点击功能传递事件。您不能为此添加 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

});

Answer 2

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