Highlighting text across nodes
by Ronny
HTML
<script src="https://raw.github.com/gorhill/Javascript-Text-Highlighter/master/dohighlight.js"></script>
<p>Lorem ipsum officia quis mollit dolor exercitation commodo ea ea veniam aute velit veniam. Lorem ipsum adipisicing labore ut nulla proident tempor dolore aute ad mollit sunt aliquip proident irure. Lorem ipsum sit ea adipisicing dolore officia incididun
<span class="here"><span class="content">By: </span><span class="content-sub">Cuisinart DCC 1200PRC</span><span class="content"> Website: </span><span class="content-sub">Best Price Cuisinart ICE-30BC Pure Indulgence 2-Quart Automatic Frozen Yogurt</span></span>t sed sit ullamco adipisicing. Lorem ipsum amet pariatur dolor adipisicing est pariatur exercitation. Lorem ip<b>su</b>m voluptate dolore voluptate nisi <span class="here"><span class="content">By: </span><span class="content-sub">Cuisinart DCC 1200PRC</span><span class="content"> Website: </span><span class="content-sub">Best Price Cuisinart ICE-30BC Pure Indulgence 2-Quart Automatic Frozen Yogurt</span></span> consequat enim nostrud in. Lorem ipsum ea in in sed quis qui ullamco non. Lorem ipsum commodo nisi eu deserunt eiusmod dolore in. Lorem ipsum officia adipisicing laborum in nisi amet in amet. Lorem ipsum quis eiusmod reprehenderit non est Ut mollit anim voluptate ex quis deserunt sed velit. </p>
CSS
.here {background: #ecc;}
.highlight {background: yellow;}
JavaScript
var searchFor = 'By: Cuisinart DCC 1200PRC Website: Best Price Cuisinart ICE-30BC Pure Indulgence 2-Quart Automatic Frozen Yogurt';
doHighlight($('body')[0], 'highlight', searchFor);