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

使用JavaScript/jQuery根据突出显示的文本返回CSS选择器列表,javascript,jquery,css,dom,css-selectors,Javascript,Jquery,Css,Dom,Css Selectors,我收到了一些项目要求,这些要求(理想情况下)包括根据突出显示的文本返回CSS选择器列表 换句话说,用户可以在页面上执行以下操作: 单击一个按钮以指示应记录他们的下一个文本选择 突出显示页面上的一些文本 查看生成的CSS选择器列表,这些选择器对应于包含突出显示文本的所有元素 首先,这似乎是一个可行的目标吗?jQuery使使用选择器访问特定元素变得很容易,但我不确定反过来是否成立。如果一个元素缺少id属性,我也不知道如何返回一个“优化的”选择器——即唯一标识元素的选择器。也许爬升DOM直到找到I

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

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

  • 单击一个按钮以指示应记录他们的下一个文本选择
  • 突出显示页面上的一些文本
  • 查看生成的CSS选择器列表,这些选择器对应于包含突出显示文本的所有元素
首先,这似乎是一个可行的目标吗?jQuery使使用选择器访问特定元素变得很容易,但我不确定反过来是否成立。如果一个元素缺少id属性,我也不知道如何返回一个“优化的”选择器——即唯一标识元素的选择器。也许爬升DOM直到找到ID,然后从那里阻止选择器

第二,从高层次的角度来看,有没有关于如何进行这项工作的想法?有什么可以加速开发的技巧或窍门吗?我非常感谢你的帮助


谢谢

我想你是在找
window.getSelection
window.getComputedStyle
我想你是在找
window.getSelection
window.getComputedStyle
你打算用这些css选择器干什么?我是@vittore的。这似乎是一个难以解决的问题。也许有一个更简单的方法来完成你的目标。你打算用这个css选择器列表做什么?我在这里是@vittore。这似乎是一个难以解决的问题。也许有一个更简单的方法来完成你的目标。