Я написал аналогичную логику для своей сетки Telerik Hierarchy в сценарии java.
Сначала я загружаю найденную запись в сетку (на стороне сервера поиска)
Затем я использовал следующую jQuery, чтобы выделитьнайденные строки.
основная логика заключается в динамическом создании SPAN вокруг найденного текста и присвоении ему класса css, который выделяет его, изменяя фон (или любую другую вещь, которую вы хотите).
это jQuery
jQuery.fn.highlight = function(pat)
{
function innerHighlight(node, pat)
{
var skip = 0;
if (node.nodeType == 3)
{
var pos = node.data.toUpperCase().indexOf(pat);
if (pos >= 0)
{
var spannode = document.createElement('span');
spannode.className = 'highlight';
var middlebit = node.splitText(pos);
var endbit = middlebit.splitText(pat.length);
var middleclone = middlebit.cloneNode(true);
spannode.appendChild(middleclone);
middlebit.parentNode.replaceChild(spannode, middlebit);
skip = 1;
}
}
else if (node.nodeType == 1 && node.childNodes && !/(script|style) /i.test(node.tagName)) {
for (var i = 0; i < node.childNodes.length; ++i) {
i += innerHighlight(node.childNodes[i], pat);
}
}
return skip;
}
return this.each(function()
{
innerHighlight(this, pat.toUpperCase());
});
};
Если вы хотите получить все строки, содержащие найденный текст, вы можете использовать следующий jquery
allrows = $.map("tr.rbi:contains('California')")
Конечно, вам нужно написать некоторую логику, чтобы получитьCA в Калифорнии самостоятельно.