码迷,mamicode.com
首页 > Web开发 > 详细

jquery wrap()方法

时间:2015-12-23 19:20:03      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:

  工作中遇到的一个任务 要求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>

 

jquery wrap()方法

标签:

原文地址:http://www.cnblogs.com/xiao-fy/p/5070748.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!