jquery wrap()方法

　　工作中遇到的一个任务 要求INPUT框填写的内容和历史稿对比如果有差异时 给出提示并显示历史内容

于是想到了把input 框背景色变红 同时鼠标放上去显示历史内容。

　　这样就要求在input 外面 包裹一层span title里写上内容

$.ajax({
       async : true,
       cache:false,
       data:  'projectId=${param.projectId}&type=${param.type}&module=${param.module}&typeCode=<%=projectItemType.getCode()%>',
       type: 'POST',  
       dataType : 'text', 
          url: '${ctx}/planInput/planInput!modifyRecord',
       error: function () {//请求失败处理函数  
       }, 
       success:function(data){
               data = $.parseJSON(data);
               ProjectSp.modifyRecord = data;
               for(var key in data){  
                   var obj = $('#<%=projectItemType.getCode()%>Form').find("#project_"+key);
                   obj.wrap("<span id='history"+key+"' title='"+data[key]+"'></span>");
                   obj.css('backgroundColor','yellow');
              
            } 
       }  
    });

简单写成：

<input id="aa"  value=""/>
$("#aa").wrap("<span id='bb' title='显示内容'></span>");

——————→
<span id ="bb" title="显示内容">
    <input id="aa" value=""/>
</span>