美文网首页
js高亮搜索结果中的关键字

js高亮搜索结果中的关键字

作者: 多点干货少点废话 | 来源:发表于2019-08-07 15:02 被阅读0次

/**

    * 高亮搜索结果中的关键字

    * @param  {String} value  [需要处理的字符串]

    * @param  {String} key    [关键字]

    * @param  {Number} length [截取长度]

    * @return {html}          [返回一个包含HTML的字符串]

    */

    function  highlight(value, key, length) {

      if (value) {

        if (key) {

          if (value.length > length) {

            if (value.indexOf(key) >= 0 && key.length > length) {

              return '<span>' + value.substring(0, length) + '…' + '</span>';

            } else {

              return value.substring(0, length).split(key).join('<span>' + key + '</span>') + '…';

            }

          } else {

            return value.split(key).join('<span>' + key + '</span>');

          }

        } else {

          if (value.length > length) {

            return value.substring(0, length) + '…';

          } else {

            return value;

          }

        }

      } else {

        return '';

      }

    }



相关文章

网友评论

      本文标题:js高亮搜索结果中的关键字

      本文链接:https://www.haomeiwen.com/subject/viiodctx.html