Jquery的替换（replaceWith()）

最新推荐文章于 2022-07-09 08:31:14 发布

zhengyongcong

最新推荐文章于 2022-07-09 08:31:14 发布

阅读量1.1k

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/zhengyongcong/article/details/17201085

版权

Jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>method_1.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="/day30/js/jquery-1.8.2.js"></script>
  </head>
  <body>
	<table border="1" align="center">
		<tr>
			<td>
				用户名

			</td>
			<td>
			<div style="width:165px;height:23px">双击填写你的用户名</div>

                    	</td>
		</tr>
	</table>
	<script type="text/javascript">
		//双击<div>中的文本，用文本框替换文本
		$("div").dblclick(function(){
		//这里定义的文本框要写成JQuery对象的(写成"<input type='text' name='username'>"也可以，不过在定义焦点失去事件时，好像不能用)
			var text=$("<input type='text' name='username'>");
				$(this).replaceWith(text);
				//定义一个焦点失去事件
				text.blur(function(){
					var value=$(this).val();
					var div=$("<div style='width:165px;height:23px'>"+value+"</div>");
					$(this).replaceWith(div);
					
				});
		});
	</script>
  </body>
</html>

这里有个问题，就是第一次填的成文本框的时候可以写，为什么在第二双击的时候就不能改变了？
各位高手们，请指考一下

zhengyongcong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery的替换（replaceWith()）

method_1.html 用户名双击填写你的用户名 //双击中的文本，用文本框替换文本 $("div").dblclick(function(){ //这里定义的文本框要写成JQuery对象的(写成""也可以，不过在定义焦点失去事件时，好像不能用)
复制链接

扫一扫

专栏目录