html文本框变成可编辑状态,Jquery实现点击按钮后文本变成文本框且可修改

编辑

.txt{ margin:10px; float:left; width:60px;}

.input{ width:60px;}

1234

$(function(){

$(".btn1").click(function(){

var txt1 = $(".txt").text();    //获取.txt的文本内容

var input = $("");     //定义变量input

$(".txt").html(input);       // 设置.txt的内容(定义的input)

$(".btn2").click(function() {

$(".txt").html(input.val())    //设置.txt的内容(input表单字段的值)

});

});

});

上述功能主要就是运用了text(); html();val()

text() – 设置或返回所选元素的文本内容；

html() – 设置或返回所选元素的内容(包括 HTML 标记)；

val() – 设置或返回表单字段的值；

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/4095.html

微信打赏

支付宝打赏

感谢您对作者Joy的打赏，我们会更加努力！    如果您想成为作者，请点我