是否可以按类而不是 id 跳转到 HTML 元素？

Question

I know that you can jump to elements by id but is it possible to jump to elements by class?

Am I going to have to use javascript to add an id to the element with that class name?

It would be a pain to add ids manually every time, the class names will already be there.

*I could have worded my question a bit better. I meant to use class names that are already there as anchor tags to jump to. The html I'm working with has class names for a LOT of individual elements and no ids. I'm wanting to jump to those elements without having to add an id to each and every one.

Answer 1

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

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

Answer 2

Even though i wouldn't recommend to use a class to jump to an element...

You can use this a couple of different jQuery such as ScrollTo or ScrollTop

Answer 3

FYI: On chrome you can create an anchor to a text , which will take you to that section and also highlight the text.

The most common syntax is: #:~:text=Some text

And all possible usages are: #:~:text=[prefix-,]textStart[,textEnd][,-suffix] which would allow you to select text from , to , inclusive / exclusive

Consider the following example links:

• Selecting text "Private Address Space"

• Selecting text from the word "advantage" up to word "space"

• Selecting textfrom the word "advantage" up to word "space" which has a word "by" after

• Selecting the paragraph between header titles "Introduction" and "2. Motivation"

Specs: W3C community draft report

Answer 4

document.getElementsByClassName('className')

或者，使用 jQuery

$('.className')