jquery如何得到与TD同一行中TD的前一个兄弟节的INPUT值
<body><table><thead><tr><thcolspan="2">鼠标点击编辑内容</th></tr></thead><tbody><tr><th>学号</t...
<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>
$(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());
//在这里我想得到被点击的单元格的值和被点击的单元格同一行且是被点击单元格前一个兄弟节点的INPUT的value
//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);
}
});
});
}); 展开
<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>
$(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());
//在这里我想得到被点击的单元格的值和被点击的单元格同一行且是被点击单元格前一个兄弟节点的INPUT的value
//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);
}
});
});
}); 展开
展开全部
$("tbody td:odd").click(function(){
$(this).text();//当前单元格得值
var input_value = $(this).prev().children(":input").val(); //的单元格的值和被点击的单元格同 //一行且是被点击单元格前一个兄弟节点的INPUT的value
});
$(this).text();//当前单元格得值
var input_value = $(this).prev().children(":input").val(); //的单元格的值和被点击的单元格同 //一行且是被点击单元格前一个兄弟节点的INPUT的value
});
参考资料： if
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
