Question

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

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

});

单击元素时更改body类

2 个答案: