HTML: input输入框:

<input id="sea"  type="text">

JS:

//点击搜索商品
$('#mys').click(function () {
$('#sea').keyup(); //调用keyup函数,click就不用再多写一遍keyup中的代码
}); // 兼容IOS系统写法(有时候ios键盘跟安卓不同,需要再加这句)
$('#sea').bind('input propertychange',function () {
     $('#sea').keyup();
}); //输入即刻搜索商品
$('#sea').keyup(function () {
//这里写输入后的处理的JS代码
    var $sea = $.trim($('#sea').val());        $('.main-container .container ul li p.am-text-lg').each(function () {                   $itemV = this.innerHTML;
                  $itemV = $itemV.replace(/<\/?font>/g,''); //去掉font标签, IOS手机即时搜索的时候如果有标签存在就不行                   if ($itemV.indexOf($sea) != -1) {
                      $('#container2').css('display', 'none');
                      is_has = 1;
                      var $l = $sea.length;
                      // console.log($l);
                      var $c = $itemV.substr($itemV.indexOf($sea),$l);
                      this.innerHTML = $itemV;                       $(this).closest('.menu-list').css('display','block');
                      // console.log($(this).closest('.main-container'));
                      $(this).closest('.main-container').siblings().css('display','none');
                      $(this).closest('.main-container').css('width','100%');                       $(this).closest('.container').css('display','block');
                      $(this).closest('.container').children('p').css('display','none');
                      $(this).closest('li').css('display','block');
                      $('.menu-list-r-type').css('display', 'none');
                      // $(this).css('color', 'red');
                  }  
// 关键字标红
      var reg = new RegExp($sea, 'g');//g 全局匹配
      var html = $(this).text(); //用文字
      var newHtml = html.replace(reg, '<font class="bh" color="red">'+$sea+'</font>');
      $(this).html(newHtml);
});

最新文章

  1. 微信Api分享
  2. Java数据结构——树的三种存储结构
  3. fibonacci数列(五种)
  4. Linux堆内存管理深入分析(下)
  5. 写在SDOI2016Round1前的To Do List
  6. ROS主题发布订阅
  7. ZOJ 3879 Capture the Flag
  8. java中的多线程——进度1
  9. nginx的url重写[rewrite规则和参考]
  10. Nio Client
  11. oracle数据库热备中的备份和恢复及例子
  12. [android] 采用断点调试的方式观察pull解析的流程
  13. 修改ElementUI源码样式
  14. C# 语句中的各种单例模式代码
  15. IPC&#39;s epoch 6 is less than the last promised epoch 7
  16. JavaScript pop()函数弹出数组最后数据
  17. HashMap与ConcurrentHashMap的区别&lt;转&gt;
  18. django入门-初窥门径-part1
  19. 『Python基础-12』各种推导式(列表推导式、字典推导式、集合推导式)
  20. Asp.net2.0里的SessionPageStatePersister

热门文章

  1. ACPI in Linux
  2. Django中的模板和分页
  3. Protostuff具体解释
  4. kubernetes调度之pod优先级和资源抢占
  5. 换站点Logo图片---轻开电子商务系统(企业入门级B2C站点)
  6. datatables参数配置详解
  7. C++输入一行字符串的一点小结
  8. 【caffe-windows】 caffe-master 之图片转换成lmdb or leveldb
  9. vi 之行号操作---显示行号、跳到指定行
  10. Topcoder SRM 638 DIV 2 (大力出奇迹)