Question

我正在尝试在特定div上添加一个类。

我的代码实际上是这样的：

android:theme

以下是发生问题的JSFiddle。

Answer 1

jQuery集合是具有长度的对象，通常称为＆＃34;类似数组＆＃34; 它们包含本机DOM节点，以及不同的jQuery＆＃34; stuff＆＃34; 因为集合具有长度，所以可以使用括号表示法访问底层DOM节点，但这会为您提供本机DOM节点，而不是jQuery对象，而本机DOM节点不具有addClass方法，jQuery对象。

您应该使用eq()来获取仅包含第一个元素的新jQuery集合传递的数字是您想要获得的元素的索引，它是从零开始的，因此0是第一个元素。

$("div").eq(0).addClass("test");

Answer 2

从

更新

$("div")[0].addClass("test");

到

$($("div")[0]).addClass("test");

工作版本 - https://jsfiddle.net/b9f7vog0/2/

Answer 3

需要在jQuery-Object上调用

addClass，因此您需要确保将$("div")[0]转换为该值，然后将其放入$()：

$($("div")[0]).addClass("test");

希望有所帮助。

Answer 4

您可以尝试first方法而不是[0]，这将返回一个jQuery对象，您可以在其上调用addClass方法。

$("div").first().addClass("test");

Answer 5

使用jQuery's eq-selector选择第n个项目。 EG：

$("div").eq(0).addClass("test");

div{
  height:30px;
  width: 30px;
  border:1px black solid;
  display:inline-block;
}
section{
  font-size:0;
}
.test{
  background-color: brown;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</section>

Answer 6

可替换地：

$("div").first().addClass("test"); //return a jQuery object

$("div").eq(0).addClass("test"); //zero-based index

$("div").filter(function(index, el) {
  return index === 0;
}).addClass("test");

Answer 7

因为$('div')[0]不是jQuery对象。我早就忘记了jQuery，但试试这个：

$($("div")[0]).addClass("test"); // Works

在JQuery中选择一个特定的div

7 个答案: