Bookmarklet 用于单击没有 id 的特定 div 元素

Question

我需要一个小书签来点击类

"site-label-text selectedResource"

的许多div元素之一。我知道如何编写一个小书签，通过元素的

ID

或

name

点击元素，但这个特定元素两者都没有。

我要点击的具体元素可以通过它的

innerText

或

textContent

属性来识别，它们都是

"33"

.

我打算尝试使用类

"site-label-text selectedResource"

搜索所有元素的文本内容，但似乎在书签中，

getElementBy__

有效，但

getElementsBy__

（复数）无效。即使这有效，我也不确定如何使用它来指定我想要点击的元素。

我读到的另一个选择是使用 XPATH。我找到了元素的 XPATH

/html/body/app-root/mat-sidenav-container/mat-sidenav-content/div[2]/main/app-create-booking/app-search-results/div/div[2]/div/app-map-view/div/div[1]/div/div[2]/div/div[1]/div[4]/div[167]

但我不知道“点击”它的命令。

所以我不知道该怎么办。谁能帮忙？

Answer 1

如果你想根据类名选择多个元素，你可以使用

document.querySelectorAll

.

它应该看起来像这样：

javascript: (() => {
  // Select all elements with target class-name.
  const elements = document.querySelectorAll('.site-label-text selectedResource');

  // Filter those elements based on their contents.
  const filteredElements = [...elements].filter(e => e.innerHTML === '33');

  // Synthesize a "click" event.
  filteredElements.forEach(e => e.click());
})();