使用JavaScript / jQuery根据突出显示的文本返回CSS选择器列表

Question

我得到了一些项目要求，这些要求涉及（理想情况下）基于突出显示的文本返回CSS选择器列表。

换句话说，用户可以在页面上执行以下操作：

• 单击一个按钮指示应记录他们的下一个文本选择。
• 突出显示页面上的一些文本。
• 查看生成的CSS选择器列表，这些列表与包含突出显示的文本的所有元素相对应。

首先，这似乎是一个可行的目标吗？ jQuery使使用选择器访问特定元素变得容易，但是我不确定相反是否成立。 如果元素缺少id属性，我也不知道如何返回“优化的”选择器-即唯一标识元素的选择器。 也许爬上DOM直到找到ID，然后从那里阻止选择器？

其次，从高层的角度来看，对此有何想法？ 有什么提示或技巧可以加快开发速度吗？ 我非常感谢您的帮助。

谢谢！

Answer 1

我认为您正在寻找window.getSelection和window.getComputedStyle 。