gpt4 book ai didi

基于正则表达式实现UL下LI的样式替换功能

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 24 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章基于正则表达式实现UL下LI的样式替换功能由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

本文实例讲述了基于正则表达式实现UL下LI的样式替换功能。分享给大家供大家参考,具体如下:

最先我想到是在UL下填充好在替换发觉结果差强人意,没有真正改变样式:

?
1
2
3
4
5
6
7
$( "#UlContent li" ).each( function (index) {
   // alert(index + ': ' + $(this).text());
   var text = $( this ).text();
   var regExp = new RegExp($( "#search_content" ).val(), 'g' );
   var newText = text.replace(regExp, "<span style=\"background-color:red;\">" + $( "#search_content" ).val() + "</span>" ); //将找到的关键字替换,加上highlight属性;
   $( this ).text(newText); //更新文章;
});

其实应该在填充进UL前进行替换:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$( "#search_content" ).keyup( function () {
   if (CheckChinese($( "#search_content" ).val()))
   {
    $.ajax({
     type: "POST" ,
     anync: true ,
     url: "HelpCenterSuggestion.ashx" ,
     cache: false ,
     dataType: "text" ,
     data: { m: $( "#search_content" ).val() },
     success: function (result) {
      $( "#UlContent li" ).remove();
       var regExp = new RegExp($( "#search_content" ).val(), 'g' );
       var newText = result.replace(regExp, "<span style=\"background-color:red;\">" + $( "#search_content" ).val() + "</span>" ); //将找到的关键字替换,加上highlight属性;
       $( "#UlContent" ).append(newText);
     }
    });

希望本文所述对大家正则表达式学习有所帮助.

最后此篇关于基于正则表达式实现UL下LI的样式替换功能的文章就讲到这里了,如果你想了解更多关于基于正则表达式实现UL下LI的样式替换功能的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com