我要实现:单击用户名就可以修改,光标移走就保存。现在怎么也取不到对应的id,因为是循环产生的记录。
<html>
<head>
<meta http-equiv=content-type content="text/html;charset=UTF-8" />
<title>Test</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="edit.js"></script>
</head> <body>
<table border="1" width="50%">
<tr>
<td width="50%">id</td>
<td class="note">用户名</td>
</tr>
<tr>
<td>2</td>
<td class="note">AAA</td>
</tr>
<tr>
<td>5</td>
<td class="note">BBB</td>
</tr>
<tr>
<td>1</td>
<td class="note">CCC</td>
</tr>
<tr>
<td>12</td>
<td class="note">DDD</td>
</tr>
</table>
</body>
</html>$(function(){ var mytext = $(".note"); mytext.click(function() { var tdObj = $(this); if (tdObj.children("input").length > 0) { return false; } var text = tdObj.html(); tdObj.html(""); var inputObj = $("<input type='text'>").val(text).appendTo(tdObj); inputObj.trigger("focus").trigger("select"); inputObj.click(function() { return false; }); inputObj.blur(function() { var inputtext = $.trim($(this).val()); tdObj.html(inputtext);
alert("当前用户id:" + ???); $.post("edit.do?username=" + username + "¬e=" + encodeURI(encodeURI(inputtext))); }); });});
<html>
<head>
<meta http-equiv=content-type content="text/html;charset=UTF-8" />
<title>Test</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="edit.js"></script>
</head> <body>
<table border="1" width="50%">
<tr>
<td width="50%">id</td>
<td class="note">用户名</td>
</tr>
<tr>
<td>2</td>
<td class="note">AAA</td>
</tr>
<tr>
<td>5</td>
<td class="note">BBB</td>
</tr>
<tr>
<td>1</td>
<td class="note">CCC</td>
</tr>
<tr>
<td>12</td>
<td class="note">DDD</td>
</tr>
</table>
</body>
</html>$(function(){ var mytext = $(".note"); mytext.click(function() { var tdObj = $(this); if (tdObj.children("input").length > 0) { return false; } var text = tdObj.html(); tdObj.html(""); var inputObj = $("<input type='text'>").val(text).appendTo(tdObj); inputObj.trigger("focus").trigger("select"); inputObj.click(function() { return false; }); inputObj.blur(function() { var inputtext = $.trim($(this).val()); tdObj.html(inputtext);
alert("当前用户id:" + ???); $.post("edit.do?username=" + username + "¬e=" + encodeURI(encodeURI(inputtext))); }); });});
$(document).ready(function(){
$('table').find('td').each(function(i){
f(i%2 != 0){
alert(i);
}
});
});
<tr>
<td width="50%">id</td>
<td class="note">用户名</td>
</tr>
<tr>
<td>2</td>
<td class="note">AAA</td>
</tr>
<tr>
<td>5</td>
<td class="note">BBB</td>
</tr>
<tr>
<td>1</td>
<td class="note">CCC</td>
</tr>
<tr>
<td>12</td>
<td class="note">DDD</td>
</tr>
</table><script>
$("#test tr").click(function(){
alert($(this).find("td").eq(0).text())
})
</script>
这个不是循环出来的吧,只要有id就可以
您可能没有看清我的问题,我的流程是:单击用户名后,就生成一个 文本框:
var inputObj = $("<input type='text'>").val(text).appendTo(tdObj);
inputObj.trigger("focus").trigger("select");
当用户修改完用户名后的blur事件中取得当前列表的 id 不知道我说明白了没有?