我一直试图弄清楚如何做到这一点(如果它甚至可能)并且已经画了一个空白......
我有一些文本将包装到多行.我想检测每条线,并将其包裹在一个范围内.最后,我想从一个循环数组为每个span分配一个类.
例如...!
<div id="quote">
I have some text that
wraps onto three lines
in this container
</div>
我想让我的jquery解析这些行,检测它包裹的位置,并将其转换为:
<div id="quote">
<span class="red-bg">I have some text that</span>
<span class="orange-bg">wraps onto three lines</span>
<span class="yellow-bg">in this container</span>
</div>
我想动态执行此操作的原因是我在响应式模板中执行此操作,因此有时相同的文本将仅包装在两行中,或者在iPhone中可能包含四行.
这可行吗？我发现了这个 - > http://vidasp.net/tinydemos/numberOfLines.html它计算了一个文本块中使用的行数,但这并没有真正扩展到我需要的地方.
如果任何jquery忍者可以帮助我会非常感激!