使用jQuery按类名获取元素

Question

我目前正在使用一个叫做clamp.js的脚本来截取一些文本，它目前是通过ID进行选择。我想要它能够通过类名进行选择。这个脚本如下：

var module = document.getElementById("clampjs");

如何修改这行代码以选择特定的“test” div类？谢谢。

- Popa Andrei

---

你能展示你的HTML吗？ - undefined

你如何使用变量模块？ - undefined

Answer 1

这应该标记为jQuery还是JavaScript？

jQuery：

var module = $("#clampjs"); // by id
var module = $(".clampjs"); // by classname

JavaScript：

var module = document.getElementById("clampjs"); // by id JS version
var module = document.getElementsByClassName("campjs"); // by class JS version

你可能想要了解jQuery：http://www.jquery.com，如果那是你想做的事情！

- Joshua Smickus

---

这是我正在尝试使用的脚本，我只想通过类名选择元素而不是ID... https://github.com/josephschmitt/Clamp.js - undefined

Answer 2

您可以使用 getElementsByClassName()：

var module = document.getElementsByClassName("test")[0];

使用jQuery，您可以使用class selector：

var module = $('.test');

- Felix

---

@PopaAndrei -- 以上语法是正确的 - 如果这不起作用，问题可能出在其他地方。 - undefined

@PopaAndrei 你需要确保在你的DOM中存在名为 test 的类。 - undefined

@PopaAndrei，document.getElementsByClassName 返回一个包含所有具有给定类名的子元素的数组。因此，您需要使用索引器，例如 document.getElementsByClassName("test")[0] 来获取它的第一个元素。 - undefined

Answer 3

使用$('.Class')来获取所有class元素 使用$('#id')来获取一个id元素

- Rickert