Использование JavaScript / jQuery для возврата списка селекторов CSS на основе выделенного текста - PullRequest
2 голосов
/ 05 марта 2010

Мне были даны некоторые требования к проекту, которые включают (в идеале) возврат списка селекторов CSS на основе выделенного текста.

Другими словами, пользователь может сделать что-то подобное на странице:

  • Нажмите кнопку, чтобы указать, что их следующий текст должен быть записан.
  • Выделите некоторый текст на странице.
  • См. Сгенерированный список селекторов CSS, которые соответствуютвсе элементы, которые содержат выделенный текст.

Во-первых, кажется ли это достижимой целью?jQuery позволяет легко использовать селектор для доступа к определенному элементу, но я не уверен, верно ли обратное.Если элемент не имеет атрибута id, я также не знаю, как бы вы вернули «оптимизированный» селектор, то есть тот, который уникально идентифицирует элемент.Может, ползти вверх по DOM, пока не найдешь идентификатор, а затем отключить селектор?

Во-вторых, с точки зрения высокого уровня, есть идеи, как это сделать?Какие-нибудь советы или хитрости, которые могли бы ускорить развитие?Я очень ценю любую помощь.

Спасибо!

1 Ответ

0 голосов
/ 05 марта 2010

Я думаю, вы ищете window.getSelection и window.getComputedStyle.

...