- jQuery.jexcel.js,类似Excel的jQuery表格插件。可以把Excel中大量数据贴进来,Excel中操作习惯这控件多半通用。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="http://cdn.bossanova.uk/js/jquery.jexcel.js"></script>
<link rel="stylesheet" href="http://cdn.bossanova.uk/css/jquery.jexcel.css" type="text/css" />
<div id="my"></div>
<br>jQuery遍历table并转为json:<br>
<textarea rows="5" cols="60" id='my2'></textarea>
<script>
$(function () {
data = [['Google', 1998, 807.80] ];
$('#my').jexcel({
data: data,
colHeaders: ['name', 'year', 'Score'],
colWidths: [300, 80, 100]
});
var tblObj = new Array();//最终要取得的json对象
//取得Excel每个单元格内容
$(".jexcel").find("tr").each(function (i, v) {
var tdArray = $(this).children();
if (i == 0)
return true;//跳出表头,进行下次循环
var p = new Object();
p.No = $.trim(tdArray.eq(0).html());
p.name = $.trim(tdArray.eq(1).html());
p.year = $.trim(tdArray.eq(2).html());
p.Score = $.trim(tdArray.eq(3).html());
tblObj.push(p);
});
$('#my2').html(JSON.stringify(tblObj));
});
</script>