工作中遇到的一个任务 要求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").warp("<span id=‘bb‘ title=‘显示内容‘></span>");
——————→
<span id ="bb" title="显示内容">
<input id="aa" value=""/>
</span>
原文：http://www.cnblogs.com/xiao-fy/p/5070748.html