$('[class^=li]').removeClass('active') $(`.li${time % 8 ? time % 8 : 8}`).addClass('active') if(time === times) { $('#award').html("恭喜你获取了"+$(`.li${time % 8 ? time % 8 : 8}`).html()+"!!!") }将jquery转化成JavaScript
时间: 2024-04-17 15:29:40 浏览: 45
这段代码已经是使用jQuery编写的,如果你想将其转化为纯JavaScript代码,可以使用原生JavaScript的方式来实现相同的功能。以下是将该代码转化为纯JavaScript的示例:
```javascript
var elements = document.querySelectorAll('[class^=li]');
for (var i = 0; i < elements.length; i++) {
elements[i].classList.remove('active');
}
var activeElement = document.querySelector(`.li${time % 8 ? time % 8 : 8}`);
activeElement.classList.add('active');
if (time === times) {
var awardElement = document.getElementById('award');
awardElement.innerHTML = "恭喜你获取了" + activeElement.innerHTML + "!!!";
}
```
在上面的代码中,我们使用了`document.querySelectorAll`和`document.querySelector`来获取元素,并使用`classList`属性来添加或移除类。另外,我们使用`document.getElementById`来获取id为"award"的元素。这些方法和属性都是原生JavaScript提供的,不需要依赖jQuery库。
阅读全文