jquery如何得到与TD同一行中TD的前一个兄弟节的INPUT值
$(function(){$("tbodytr:even").css("background-color","#A3BAE9");varnumTd=$("tbodytd:...
$(function(){
$("tbody tr:even").css("background-color","#A3BAE9");
var numTd = $("tbody td:odd").click(function(){
var tdObj = $(this);
if(tdObj.children("iniput").length >0){
return false;
}
var text= tdObj.html();
tdObj.html("");
var inputObj = $("<input type='text' id='name'>").css("border-width","1").css("font-size","16px")
.width(tdObj.width())
.css("background-color",tdObj.css("background-color"))
.val(text)
.appendTo(tdObj);
//this代表响映对象
//inputObj.get(0).select();
inputObj.trigger("focus").trigger("select");
inputObj.click(function(){
return false;
});
inputObj.keyup(function(event){
var keycode = event.which;
if(keycode==13){
var inputtext = $(this).val();
alert($("#name").val());
alert(numTd.find("input:hidden").val());
//alert($("tbody tr td:nth-child(index)").prev().find("input:hidden").val())
//alert($("tbody td").prev().find("input:hidden").val());
alert(inputtext);
tdObj.html(inputtext);
}
if(keycode==27){
tdObj.html(text);
}
});
});
});
<body>
<table>
<thead>
<tr>
<th colspan="2">鼠标点击编辑内容</th>
</tr>
</thead>
<tbody>
<tr>
<th>学号</th>
<th>姓名</th>
</tr>
<tr>
<td>张三 <input type="hidden" value="789" id="a"/></td>
<td>00001</td>
</tr>
<tr>
<td>李四 <input type="hidden" value="678" id="b"/></td>
<td>00002</td>
</tr>
<tr>
<td>李化 <input type="hidden" value="345" id="c"/></td>
<td>00003</td>
</tr>
<tr>
<td>张化 <input type="hidden" value="abc" id="d"/></td>
<td>00004</td>
</tr>
<tr>
<th>王五 <input type="hidden" value="1234" id="e"/></th>
<td>00005</td>
</tr>
</tbody>
</table>
</body>
</html> 展开
$("tbody tr:even").css("background-color","#A3BAE9");
var numTd = $("tbody td:odd").click(function(){
var tdObj = $(this);
if(tdObj.children("iniput").length >0){
return false;
}
var text= tdObj.html();
tdObj.html("");
var inputObj = $("<input type='text' id='name'>").css("border-width","1").css("font-size","16px")
.width(tdObj.width())
.css("background-color",tdObj.css("background-color"))
.val(text)
.appendTo(tdObj);
//this代表响映对象
//inputObj.get(0).select();
inputObj.trigger("focus").trigger("select");
inputObj.click(function(){
return false;
});
inputObj.keyup(function(event){
var keycode = event.which;
if(keycode==13){
var inputtext = $(this).val();
alert($("#name").val());
alert(numTd.find("input:hidden").val());
//alert($("tbody tr td:nth-child(index)").prev().find("input:hidden").val())
//alert($("tbody td").prev().find("input:hidden").val());
alert(inputtext);
tdObj.html(inputtext);
}
if(keycode==27){
tdObj.html(text);
}
});
});
});
<body>
<table>
<thead>
<tr>
<th colspan="2">鼠标点击编辑内容</th>
</tr>
</thead>
<tbody>
<tr>
<th>学号</th>
<th>姓名</th>
</tr>
<tr>
<td>张三 <input type="hidden" value="789" id="a"/></td>
<td>00001</td>
</tr>
<tr>
<td>李四 <input type="hidden" value="678" id="b"/></td>
<td>00002</td>
</tr>
<tr>
<td>李化 <input type="hidden" value="345" id="c"/></td>
<td>00003</td>
</tr>
<tr>
<td>张化 <input type="hidden" value="abc" id="d"/></td>
<td>00004</td>
</tr>
<tr>
<th>王五 <input type="hidden" value="1234" id="e"/></th>
<td>00005</td>
</tr>
</tbody>
</table>
</body>
</html> 展开
展开全部
换一种思维，你不能按你的需求来给那个input来设计安排一个id，假如id为xx_01_02，第01行.第02列。找相对位置的也很容易。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(this).parent().prev().find("input")......
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
