jQuery实现点击按钮文字变成input框点击保存变成文字_

《jQuery实现点击按钮文字变成input框点击保存变成文字_》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、jQuery实现点击按钮文字变成input框点击保存变成文字_这篇文章主要介绍了jQuery实现点击按钮文字变成input框点击保存变成文字的相关资料，特别具有参考借鉴价值,需要的伴侣可以参考下挺直给大家贴代码了。具体代码如下所示：代码如下:!DOCTYPEhtmlhtmllang="en"head　　metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/　　metacharset="utf-8"　　title点击按钮文字变成input框，点击保存变成文字/title　　styletype="text/css"　　

2、table{text-align:center;font-size:14px;}　　tabletheadtrth{font-weight:normal;}　　.text-right{padding-right:73px;text-align:right;}　　.text{width:50px;height:30px;border:1pxsolid#ddd;text-align:center;}　　/style　　scripttype="text/javascript"src="js/jquery.min.js"/script/headbody　　table　　　　thead　　　　　　

3、tr　　　　　　　　thwidth="400"品名/th　　　　　　　　thwidth="200"件数/th　　　　　　/tr　　　　/thead　　　　tbody　　　　　　trheight="50"　　　　　　　　tdiPhone6s/td　　　　　　　　tdclass="edit"2/td　　　　　　/tr　　　　　　trheight="50"　　　　　　　　td小米5/td　　　　　　　　tdclass="edit"5/td　　　　　　/tr　　　　/tbody　　　　tfoot　　　　　　tr　　　　　　　　tdcolspan="2"class="text-right"　　　

4、　　　　　　　buttontype="button"class="btn"onclick="change(this)"修改/button　　　　　　　　/td　　　　　　/tr　　　　/tfoot　　/tablescripttype="text/javascript"functionchange(obj){　　varxg=$(obj).html();　　if(xg=='修改'){　　　　$('.edit').each(function(){　　　　　　varold=$(this).html();　　　　　　$(this).html("inputtype='text'name='edit

5、name'class='text'value="+old+"");　　　　})　　　　$(obj).html('保存');　　}elseif(xg=='保存'){　　　　$('input[name=editname]').each(function(){　　　　　　varold=$(this).html();　　　　　　varnewfont=$(this).parent('td').parent('tr').children().find('input').val();　　　　　　$(this).parent('td').html(newfont);　　　　})　　　　$(obj).h

6、tml('修改');　　}}/script/body/html...