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

Posted 2023-03-06

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

【英文标题】：Using JavaScript/jQuery to return a list of CSS selectors based on highlighted text

【发布时间】：2011-01-23 22:00:18

【问题描述】：

我收到了一些项目要求，包括（理想情况下）根据突出显示的文本返回 CSS 选择器列表。

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

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

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

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

谢谢！

【问题讨论】：

你打算用这个可能的 css 选择器列表做什么？

我和@vittore 在一起。这似乎是一个难以解决的问题。也许有一种更简单的方法可以实现您的目标。

【参考方案1】：

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