<pre name="code" class="html"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-2.0.0.min.js"></script>
<script>
$(function() {
$(".myclass").each(function() {//myclass 为行的class
var tmp = $(this).children().eq(5);//5表示按钮在第五列
var btn = tmp.children();
btn.bind("click", function() {
var cno = btn.parent().parent().children("td").get(0).innerHTML;//获取td格子的文字
var cID = btn.parent().parent().children("td").eq(1).find("INPUT").val();//获取输入的值
var cname = btn.parent().parent().children("td").eq(2).find("INPUT").attr("value");//获取value的值
var cdress = btn.parent().parent().children("td").eq(3).find("INPUT").attr("value");
var cphone = btn.parent().parent().children("td").eq(4).find("INPUT").attr("value");
alert(cno+cID+cname+cdress+cphone);
});
});
});
</script>
</head>
<body>
<table id="table1">
<tr class="myclass">
<td>29
</td>
<td>
<input type="text" style="width: 90%" name="cID" id="cID" value="1032123123312">
</td>
<td>
<input type="text" style="width: 90%" name="cname" value="曹操">
</td>
<td>
<input type="text" style="width: 90%" name="cdress" value="成都">
</td>
<td>
<input type="text" style="width: 90%" name="cphone" value="23123132123312123">
</td>
<td>
<button id="edit">编辑</button>
</td>
</tr>
<tr class="myclass">
<td>37
</td>
<td>
<input type="text" style="width: 90%" name="cID" value="431234654">
</td>
<td>
<input type="text" style="width: 90%" name="cname" value="刘备">
</td>
<td>
<input type="text" style="width: 90%" name="cdress" value="成都">
</td>
<td>
<input type="text" style="width: 90%" name="cphone" value="13134646465446">
</td>
<td>
<button id="edit">编辑</button>
</td>
</tr>
</table>
</body>
</html>
jQuery获取表格中input的值
最新推荐文章于 2022-03-04 09:39:58 发布