将table列表中的数据提取出来

table是项目中经常用到的，大体可分为两种情况，一种就是从后台获取数据，渲染到table列表中；另一种就是将前台table列表中的数据提交到后台数据库中；

以下demo是将table列表的数据提取出提交到后台

<table>
	<thead>
		<tr>
			<th>序号</th>
			<th>姓名</th>
			<th>年龄</th>
			<th>爱好</th>
		</tr>
	</thead>
	<tbody id="tbodyLists">
		<tr>
			<td>1</td>
			<td><input type="text" value="程小程" /></td>
			<td>88</td>
			<td>拉小提琴</td>
		</tr>
		<tr>
			<td>2</td>
			<td><input type="text" value="陈渊衡" /></td>
			<td>99</td>
			<td>学习</td>
		</tr>
	</tbody>
</table>	

第一种处理方式：

<script src="./assets/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var tableDatas = [];
	
	var trs = $("#tbodyLists tr");
	for (var i = 0; i < trs.length; i++) {
		tableDatas.push({
			name:$(trs[i].children[1]).find("input").val(),
			age:$(trs[i].children[2]).text(),
			love:$(trs[i].children[3]).text(),
		})
	}
	
	console.log("tableDatas:",tableDatas)
</script>

第二种处理方式：

<script src="./assets/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var tableDatas = [];
	
	$.each($("#tbodyLists tr"),function(index,item){
		console.log("00:",$(item.children[1]).find("input").val())
		tableDatas.push({
			name:$(item.children[1]).find("input").val(),
			age:$(item.children[2]).text(),
			love:$(item.children[3]).text(),
		})
	})
	
	console.log("tableDatas:",tableDatas)
</script>