这一周好烦呀。我写的是文字类型的那一块,还有模糊查询,所以就需要对搜出来的内容进行美化美化。第一限制字数显露。
// 限制字数显露
function wordlimit(cname, wordlength) {
var cname = document.getElementsByClassName('item-content-sectence');
for (let i = 0; i < cname.length; i++) {
var nowLength = cname[i].innerHTML.length;
if (nowLength > 250) {
cname[i].innerHTML = cname[i].innerHTML.substr(0, 250) + '...';
}
}
};
第二,关键字标红。
// 关键字标红
function highlight() {
clearSelection();//先清空一下上次高亮显示的内容;
var searchText = $('.input_text').val();
var regExp = new RegExp(searchText, 'g');
$('.height').each(function ()//遍历文章;
{
var html = $(this).html();
var newHtml = html.replace(regExp, '<a class="highlight" style="color: red">' + searchText + '</a>');
$(this).html(newHtml);//更新文章;
});
}
function clearSelection() {
$('.height').each(function ()//遍历
{
$(this).find('.highlight').each(function ()//找到所有highlight属性的元素;
{
$(this).replaceWith($(this).html());//将他们的属性去掉;
});
});
}