是否可以按類而不是 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

即使我不建議使用類跳轉到元素...

您可以使用這幾個不同的 jQuery，例如ScrollTo或ScrollTop

Answer 3

僅供參考：在 chrome 上，您可以為文本創建一個錨點，這將帶您到該部分並突出顯示文本。

最常見的語法是： #:~:text=Some text

所有可能的用法是： #:~:text=[prefix-,]textStart[,textEnd][,-suffix]這將允許您選擇文本from , to , inclusive / exclusive

考慮以下示例鏈接：

• 選擇文本“私有地址空間”

• 從單詞“advantage”到單詞“space”中選擇文本

• 從單詞“advantage”到單詞“space”中選擇文本，后面有一個單詞“by”

• 選擇標題“介紹”和“2.動機”之間的段落

規格： W3C 社區草案報告

Answer 4

document.getElementsByClassName('className')

或者，使用 jQuery

$('.className')