<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<span class="t1">默认分组</span>
<a class="t2">编辑</a>
<p>说明：点击编辑，可修改默认分组的文字内容</p>
<script>
$(function () {
$(".t2").click(function () {
var td = $(".t1");
console.info(td[0]);
var txt = td.text();
var input = $("<input type='text' value='" + txt + "'/>");
td.html(input);
input.click(function () {
return false;
});
input.trigger("focus");
input.blur(function () {
var newtxt = $(this).val();
if (newtxt !== txt) {
td.html(newtxt);
} else {
td.html(newtxt);
}
});
});
});
</script>
</body>
</html>
