Javascript 如何在jQuery中编写document.getElementsByClassName（names）[n]

如何写作

document.getElementsByClassName("navtab")[3].classList.add("active"); 

在jquery中

我的尝试：

$(".navtab")[3].addClass("active");

这会产生如下错误：

index-page9.html:745未捕获类型错误：$（…）[3]。addClass不是函数

实际上返回一个DOM元素，并且不能在DOM元素上使用jQuery方法。您需要使用方法获取

nth

索引jQuery对象，如：

$(".navtab").eq(3).addClass("active");

演示：

$（“.navtab”）.eq（3）.addClass（“活动”）
.active{背景色：天蓝色}


列出项目1
列表项目2
列出项目3
列出第4项
列出第5项

实际上返回一个DOM元素，并且不能在DOM元素上使用jQuery方法。您需要使用方法获取
nth
索引jQuery对象，如：

$(".navtab").eq(3).addClass("active");

演示：
$（“.navtab”）.eq（3）.addClass（“活动”）
.active{背景色：天蓝色}


列出项目1
列表项目2
列出项目3
列出第4项
列出第5项
您可以在jquery中这样使用它：

  var element = $('.navtab')[3];
  $(element).addClass("active");

您可以在jquery中使用它，如下所示：

  var element = $('.navtab')[3];
  $(element).addClass("active");

有什么问题吗？？您想将navtab的类添加到“活动”状态，对……您可以使用
.eq（3）
或
:nth（3）
$（“.navtab:nth（3）”）.addClass（“活动”）
类似于此，您可以使用
$（…）
类似于
$（$（“.navtab”）[3]）.addClass（“活动”）
来包装所选对象。当然，使用CSS选择器你必须使用第n个子项（4）
，因为它的计数不是以零为基础的。有什么问题吗？？您想将navtab的类添加到“活动”状态，对……您可以使用
.eq（3）
或
:nth（3）
$（“.navtab:nth（3）”）.addClass（“活动”）
类似于此，您可以使用
$（…）
类似于
$（$（“.navtab”）[3]）.addClass（“活动”）
来包装所选对象。当然，使用CSS选择器你必须使用第n个子（4）

，因为它的计数不是零基的。但是对于每个数组，我不能取一个变量。它将增加我的堆内存。无论如何，感谢您的回复。您也可以不用使用变量来完成。只需将元素替换为$（'.navtab'）[3]，我请求的错误不是这样做的。但是对于每个数组，我不能接受一个变量。它将增加我的堆内存。无论如何，感谢您的回复。您也可以不用使用变量来完成。只需将元素替换为$（'.navtab'）[3]，我请求的错误就不会这样做了。