jquery - 如何使用 jQuery 将 css 应用于 savedRange 文本选择？

Question

是否可以在 savedRange 文本选择周围应用 css 或包装标签。我正在使用 jquery。

这行不通:

$(savedRange).css(...);
$(savedRange).wrap(...);

Answer 1

如果“savedRange”是这样的意思:

selection = window.getSelection()
savedRange = selection.getRangeAt(0)

然后您必须首先为范围创建一个包装器，如下所示:

wrapper = document.createElement('span')
savedRange.surroundContents(wrapper)
selection.selectAllChildren(wrapper)

然后您可以应用样式:

$(wrapper).css(...)