Подсветка текста на основе позиций

Question

У меня есть div с текстом и пробелами (включая текст). Как я могу выделить текст в div, если я знаю выделенные позиции? Я имею в виду:

<div>Lorem<span> ipsum</span> dolor amet</div> 

для позиций 2 и 14:

<div>Lo<b>rem<span> ipsum</span> dol</b>or amet</div> 

Я могу сделать это просто? С небольшим и чистым кодом. Спасибо

Answer 1

HTML

<div id='mydiv'>Lorem<span> ipsum</span> dolor amet</div> 

JS/JQuery

var elm = $('#mydiv'); 
highlite(elm, 2, 28); //specify the start and end position 
// if you know the word you can find the index of word using indexOf/lastIndexOf 

function highlite(element, startpos, endpos) { 
    var rgxp = elm.html().substr(startpos,endpos) 
    var repl = '<span class="myClass">' + rgxp + '</span>'; 
    elm.html(elm.html().replace(rgxp, repl)); 
} 

Demo

http://jsfiddle.net/raunakkathuria/sD2pX/