Jquery能实现对文本自动识别么?

Question

最近在学JQUERY,确实很强大~现在想实习如下功能:在<input id="ti" type="text" value=""/>中输入的文本,点击<input id="ck" type="button" value="click me"/>后进行输出,输出在<div id="to"></div>里要求:当输入文字中包含有"小白"时,在div块中输出的"小白"需要加上<a>标签我用服务器脚本蛮容易实现的 JQuery能实现么?求教

Answer 1

 $("#ck").click(function(){
      var temp_value = $("#ti").val();
  var temp_html = "<a href='http://www.g.cn'>"+temp_value+"</a>";//href可以自己来选
  $("#to").append(temp_html);
   });

Answer 2

把符合的关键字，replace替换不就可以了。jq在强大，也是js

Answer 3

这个貌似就是对 $("#ti").val() 加<a>标记 如果$("#ti").val()="23小白231"呢?
我想只给"小白"(指定字符串)加<a>标记

Answer 4

翻了一下jq的api文档，有两个函数可以用
replaceAll和replaceWith
如下
$("<a href='www.baidu.com'>小白</a>").replaceAll("小白"); 
或者
$("小白").replaceWith("<a href='www.baidu.com'>小白</a>");

Answer 5

这个选择貌似无效 因为替换的是DOM的节点 不是单纯的文本

Answer 6

body{font-size:12px;}
a{background:#ece954;color:#ab0000;margin:0 5px;}
    $(function() {
 var key = ["小白", "老白", "黑白"];
        var out = "";
        $('#ck').click(function() {
            var val = $('#ti').val();
            $.each(key, function(i, n) {
                if (val.indexOf(n)>-1) {
                    out = '<a>' + n + '</a>';
                }
            });
            $('#output').append(out);
        });    })
<input id="ti" type="text" value=""/>
<input id="ck" type="button" value="click me"/>
<div id="output"></div>

Answer 7

谢谢大家 方法很多 最后选用了replace实现 但是对正则还不是很懂 依样画葫芦 @ @var a;
a=$("#ti").val();
a=a.replace(/小白/g,"<a href='#'>小白</a>");