jQuery获取Html控件的整体html代码

说明：这几天做项目遇到这么个问题，table1和table2的数据经过触发后可以相互挪动！有点类似cs项目里数据容器控件间数据的挪动效果！想到的第一种办法就是JavaScript拼接，如果数据少无所谓了！但如果table中有百八十个列的话，这就太麻烦了！所以最好的方式就是直接将要挪动的数据的html代码拼接到接收容器中！经过不断尝试和使用浏览器的开发者工具发现html控件存在“outerHTML”属性！这个属性可以把当前对象的html代码打印出来！这就有办法了！

1、table的HTML代码

<table id="table1">
	<tr>
		<td>姓名<td>
		<td>部门<td>
		<td>职位<td>
		<td>联系电话</td>
	</tr>
	<tr>
		<td>张三<td>
		<td>研发部<td>
		<td>软件工程师<td>
		<td>13012345678<td>
	</tr>
	<tr>
		<td>李四<td>
		<td>研发部<td>
		<td>测试工程师<td>
		<td>13087654321<td>
	</tr>
	<tr>
		<td>王五<td>
		<td>产品部<td>
		<td>产品经理<td>
		<td>130000000000<td>
	</tr>
</table>

2、获取table1的HTML代码

var tableHtml = $("#table1").prop("outerHTML");

此时tableHtml中存在了table1的整体html代码，可以做后续的处理了！

注意：本文归作者所有，未经作者允许，不得转载