是否可以通过class而不是id跳转到HTML元素？

Question

我知道你可以通过 id 跳转到元素，但是可以通过类跳转到元素吗？

我是否必须使用 javascript 将 id 添加到具有该类名称的元素？

每次都手动添加 id 会很痛苦，因为类名已经在那里了。

*我可以更好地表达我的问题。我打算使用已经存在的类名作为要跳转到的锚标记。我正在使用的 html 有很多单独元素的类名，但没有 id。我想跳转到这些元素，而不必为每个元素添加 id。

Answer 1

window.scrollTo(0, document.querySelector(".className").offsetTop);

http://jsfiddle.net/DerekL/kEFp7/

Answer 2

仅供参考：在 Chrome 上，您可以创建文本的锚点，它将带您到该部分并突出显示文本。

最常见的语法是：#:~:text=Some text

所有可能的用法是： #:~:text=[prefix-,]textStart[,textEnd][,-suffix]允许您从 、 到、包含/排除中选择文本

考虑以下示例链接：

• 选择文本“私有地址空间”

• 选择从单词“advantage”到单词“space”的文本

• 选择从单词“advantage”到单词“space”的文本，后面有单词“by”

• 选择标题标题“Introduction”和“2. Motivation”之间的段落

规格：W3C 社区草案报告

Answer 3

尽管我不建议使用类跳转到元素......

您可以使用几个不同的 jQuery，例如ScrollTo或ScrollTop