Jquery 更改没有ID的元素的类

嗨

我想更改一个没有ID的元素的类，所以我正在这样做

var cols = document.getElementsByClassName('input-box');
        for(i=0; i<cols.length; i++) {
         cols[i].toggleClass('invisible');
        }

为什么呢

谢谢。

您需要

$（cols）。toggleClass（'invisible'）cols

不是jquery对象，而

toggleClass

是jquery方法

var cols=document.getElementsByClassName（'input-box'）；
//对于（i=0；i您需要
$（cols）.toggleClass（“不可见”）；
因为您的
cols
不是jquery对象，而
toggleClass
是jquery方法


var cols=document.getElementsByClassName（'input-box'）；
//对于（i=0；i，您正在从非JQuery对象调用JQuery函数

如果您使用的是JQuery，则可以执行以下操作：

$（'.input box'）.toggleClass（'invisible'）；

没有JQuery：

var cols = document.getElementsByClassName('input-box');
for(i=0; i<cols.length; i++) {
   cols[i].classList.toggle('invisible');
}

var cols=document.getElementsByClassName（'input-box'）；
对于（i=0；i，您正在从非JQuery对象调用JQuery函数

如果您使用的是JQuery，则可以执行以下操作：

$（'.input box'）.toggleClass（'invisible'）；

没有JQuery：

var cols = document.getElementsByClassName('input-box');
for(i=0; i<cols.length; i++) {
   cols[i].classList.toggle('invisible');
}

var cols=document.getElementsByClassName（'input-box'）；
对于（i=0；iyou将jquery与香草javascript混合。在香草javascript中，您可以执行
cols[i].classList.toggle（'invisible'）
。在jquery中，请参阅@Kiran的回答您将jquery与香草javascript混合。在香草javascript中，您可以执行
cols[i].classList.toggle（'invisible'）
。在jquery中，请参阅@Kiran的答案