Части строки, выделенные жирным шрифтом

Question

У меня есть неупорядоченный список, содержащий

<ul id="strip"> 
    <li><a href="#"><span>This-is a test string</span></a></li> 
    <li><a href="#"><span>This is without</span></a></li> 
    <li><a href="#"><span>New-test</span></a></li> 
</ul> 

Мне нужно смелое текст перед «-», так что в первом <li> «Это» является жирным шрифтом.

Я застрял в петле, где должен найти «-».

NB: Regular JavaScript, не JQuery :-)

Answer 1

Использование stringObject.replace(findstring,newstring) метода.
В вашем случае liString.replace(/\b(.*?-.*?)\b/,"<strong>$1</strong>")
полное решение:

var lists = document.getElementsByTagName("li"); 
var listsL = lists.length; 

for (var i = 0; i < listsL; ++i){ 
    liString = lists[i].innerHTML; 
    liString = liString.replace(/\b([^-]*-[^\b]*?)\b/,"<strong>$1</strong>"); 
    lists[i].innerHTML = liString; 
}