javascript - 使用 JavaScript/jQuery 返回基于高亮文本的 CSS 选择器列表

Question

我收到了一些元素要求，其中涉及(理想情况下)返回基于突出显示文本的 CSS 选择器列表。

换句话说，用户可以在页面上做这样的事情:

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

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

其次，从高层次的 Angular 来看，有什么想法可以解决这个问题吗？任何可以加快开发速度的提示或技巧？我非常感谢任何帮助。

谢谢!

Answer 1

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