Kendo Treeview Search с выделением ⇐ Jquery

[Anonymous]

У меня есть Kendotreeview с SpriteClass. Я хочу выделить узлы (корень, а также детские узлы) с моим поисковым термином. Я реализовал функциональность поиска. Но проблема, когда я ищу, он выделяет термин в узлах, но пропускает SpriteClass в узлах после первого поиска. Есть идея?$('#search-term').on('keyup', function () {
$('span.k-in > span.highlight').each(function () {
$(this).parent().text($(this).parent().text());
});

// ignore if no search term
if ($.trim($(this).val()) == '') {
return;
}

var term = this.value.toUpperCase();
var tlen = term.length;

$('#treeview-sprites span.k-in').each(function (index) {
var text = $(this).text();
var html = '';
var q = 0;
while ((p = text.toUpperCase().indexOf(term, q)) >= 0) {
html += text.substring(q, p) + '' + text.substr(p, tlen) + '';
q = p + tlen;
}

if (q > 0) {
html += text.substring(q);
$(this).html(html);

$(this).parentsUntil('.k-treeview').filter('.k-item').each(

function (index, element) {
$('#treeview-sprites').data('kendoTreeView').expand($(this));
$(this).data('search-term', term);
});
}
});

$("#treeview-sprites").kendoTreeView({
dataSource: [{
text: "My Documents",
expanded: true,
spriteCssClass: "rootfolder",
items: [{
text: "Kendo UI Project",
expanded: true,
spriteCssClass: "folder",
items: [{
text: "about.html",
spriteCssClass: "html"
}, {
text: "index.html",
spriteCssClass: "html"
}, {
text: "logo.png",
spriteCssClass: "image"
}]
}, {
text: "New Web Site",
expanded: true,
spriteCssClass: "folder",
items: [{
text: "mockup.jpg",
spriteCssClass: "image"
}, {
text: "Research.pdf",
spriteCssClass: "pdf"
}, ]
}, {
text: "Reports",
expanded: true,
spriteCssClass: "folder",
items: [{
text: "February.pdf",
spriteCssClass: "pdf"
}, {
text: "March.pdf",
spriteCssClass: "pdf"
}, {
text: "April.pdf",
spriteCssClass: "pdf"
}]
}]
}]
})
< /code>

; < /p>

Подробнее здесь: https://stackoverflow.com/questions/256 ... -highlight