<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取焦点</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<div class="word-container">
<p>我是不可编辑的</p>
<h4><input type="text" value="编辑我" style="font-size:16px;border:none;color:#6cccc8" /></h4>
</div>
<div class="set-container">
<button ><span class="glyphicon glyphicon-home"></span>我是配角1</button>
<button οnclick="edit('1',this)" ><span class="glyphicon glyphicon-home"></span>点击我</button>
<button ><span class="glyphicon glyphicon-trash"></span>我是配角2</button>
</div>
<script>
function edit(a,obj){
var input = $(obj).parent('.set-container').siblings('.word-container').find('input');
input.focus();
var val = input.val();
var nll = input.val('');
input.val(val);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取焦点</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<div class="word-container">
<p>我是不可编辑的</p>
<h4><input type="text" value="编辑我" style="font-size:16px;border:none;color:#6cccc8" /></h4>
</div>
<div class="set-container">
<button ><span class="glyphicon glyphicon-home"></span>我是配角1</button>
<button οnclick="edit('1',this)" ><span class="glyphicon glyphicon-home"></span>点击我</button>
<button ><span class="glyphicon glyphicon-trash"></span>我是配角2</button>
</div>
<script>
function edit(a,obj){
var input = $(obj).parent('.set-container').siblings('.word-container').find('input');
input.focus();
var val = input.val();
var nll = input.val('');
input.val(val);
}
</script>