Question

我试图将这个jquery代码传递给纯js代码但是我失败了

$('.number-wrapper').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 1000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});

这是我的尝试

var x = document.getElementsByClassName("number-wrapper");
    for(var i =0; i<x.length;i++){

}

我不能继续使用prop方法有人可以帮忙吗

Answer 1

jQuery是open source project，您可以轻松地查看您正在使用的功能的来源和我们....

但是，

你为什么要这样做？？

Answer 2

.prop()首先是设置HTML元素的属性。在您的情况下，它将Counter设置为0，转换为：

<div Counter=0></div>

如果你想用原始JavaScript做到这一点，你可以把它放在你的for循环中：

x[i].Counter = 0;

之后代码正在做更多的事情，但我会留给你在jQuery的文档中找到它。

但这是糟糕的代码，我建议反对它。使用jQuery。如果它很重，请使用jQuery Lite。如果您只是学习，请继续尽可能多地崩溃代码！：）

jQuery代码纯粹的Javascript

2 个答案: