使用JavaScript / jQuery根據突出顯示的文本返回CSS選擇器列表

Question

我得到了一些項目要求，這些要求涉及（理想情況下）基於突出顯示的文本返回CSS選擇器列表。

換句話說，用戶可以在頁面上執行以下操作：

• 單擊一個按鈕指示應記錄他們的下一個文本選擇。
• 突出顯示頁面上的一些文本。
• 查看生成的CSS選擇器列表，這些列表與包含突出顯示的文本的所有元素相對應。

首先，這似乎是一個可行的目標嗎？ jQuery使使用選擇器訪問特定元素變得容易，但是我不確定相反是否成立。 如果元素缺少id屬性，我也不知道如何返回“優化的”選擇器-即唯一標識元素的選擇器。 也許爬上DOM直到找到ID，然后從那里阻止選擇器？

其次，從高層的角度來看，對此有何想法？ 有什么提示或技巧可以加快開發速度嗎？ 我非常感謝您的幫助。

謝謝！

Answer 1

我認為您正在尋找window.getSelection和window.getComputedStyle 。