总结总结这一周

这一周好烦呀。我写的是文字类型的那一块,还有模糊查询,所以就需要对搜出来的内容进行美化美化。第一限制字数显露。

// 限制字数显露
    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());//将他们的属性去掉;
            });
        });
    }

猜你喜欢

转载自blog.csdn.net/m0_64562972/article/details/124524873