Есть такой скриптик:
Code
$('h2.title').each(function() {
var h = $(this).html();
var index = h.indexOf(' ');
if(index == -1) {
index = h.length;
}
$(this).html('<span>' + h.substring(0, index) + '</span>' + h.substring(index, h.length));
});
но есть одна проблема - он некорректно обрабатывает такую конструкцию:Code
<h2 class="title"><!-- <bt> -->Меню сайта<!-- </bt> --></h2>
т.е. после его работы получается такой код:Code
<h2 class="title"><span><!--</span> <bt> -->Меню сайта<!-- </bt> --></span></h2>
а должен быть такой:Code
<h2 class="title"><!-- <bt> --><span>Меню</span> сайта<!-- </bt> --></h2>
Если убрать теги юкоза, то всё работает нормально. Возможно ли побороть данный глюк?