请问我这表该如何遍历呢？

请问我这表该如何遍历，求代码？原始表如上图，想遍历成下图的样，谢谢了

<title></title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.3.min.js"></script>
<style type="text/css">

table{margin: 5px auto 0;}td,th{padding: 5px 10px; text-align: center;}.add,.remove{color: blue; text-decoration: underline; cursor: pointer; margin: 0 5px;} .i_color_error,.i_model_error{display: none; color: red;}.pirce2,.shulian,.ku{width: 100px;}.pic{color: #333333; width: 150px;}
</style>
</head>

<body><div style="width: 750px; margin: 0px auto 0;"><div>颜色分类：<input id="i_color" width="60" /><span class="i_color_error">*</span></div><div>规格型号：<input id="i_model" width="60" /><span class="i_model_error">*</span><button id="i_model_add">增加</button></div><table width="750" border="1" cellpadding="4" cellspacing="1"  bordercolor="#C9DBEF" id="ctr" ><tr>  <td>颜色</td>  <td>图片</td>  <td>规格</td>  <td>价格</td>  <td>数量</td><td>仓库</td><td>删除</td></tr></table> <input type="button" value="提交"  id="getInput" /></div><script type="text/javascript">(function($){var color = '';var model = '';var bool;var td_size = $('#ctr tr:first td').size();var tr;var index = 0;var boo_index;var rowspan;var click_bool;$('#i_model_add').click(function(){bool  = false;boo_index = true;model = $.trim($('#i_model').val());color = $.trim($('#i_color').val());if(model == ''){bool = true;$('.i_model_error').show();}else{$('.i_model_error').hide();}if(color == ''){bool = true;$('.i_color_error').show();}else{$('.i_color_error').hide();}if(bool){return false;}$('.sekuan').each(function(){if($(this).html() == color){rowspan = $(this).parent().attr('rowspan');if(rowspan > 0){rowspan ++;}else{rowspan = 2;}$(this).parent().attr('rowspan',rowspan);$(this).parent().parent().find('.pic').parent().attr('rowspan',rowspan);tr = '<tr><td><span class="guige">' + model + '</span></td><td><input class="pirce2" /></td><td><input class="shulian" /></td><td><input class="ku" /></td><td><span class="remove">删除</span></td></tr>';$(this).parent().parent().after(tr);boo_index = false;}});if(boo_index){tr = '<tr><td><span class="sekuan">' + color + '</span></td><td><input type="file" class="pic" /></td><td><span class="guige">' + model + '</span></td><td><input class="pirce2" /></td><td><input class="shulian" /></td><td><input class="ku" /></td><td><span class="remove">删除</span></td></tr>';$('tbody').append(tr);}});$('.remove').live('click',function(){if($(this).parent().parent().find('td').size() == td_size && (!$(this).parent().parent().find('td:first').attr('rowspan') || $(this).parent().parent().find('td:first').attr('rowspan') == 1)){$(this).parent().parent().remove();}if($(this).parent().parent().find('td').size() < td_size){click_bool = true;$(this).parent().parent().prevAll('tr').each(function(){if(click_bool && $(this).find('td:first').attr('rowspan')){rowspan = $(this).find('td:first').attr('rowspan');rowspan --;$(this).find('td:first,td:eq(1)').attr('rowspan',rowspan);click_bool = false;}});$(this).parent().parent().remove();}if($(this).parent().parent().find('td').size() == td_size && $(this).parent().parent().find('td:first').attr('rowspan') > 1){rowspan = $(this).parent().parent().find('td:first').attr('rowspan');rowspan --; $(this).parent().parent().next().prepend($(this).parent().parent().find('td:eq(1)').clone());$(this).parent().parent().next().prepend($(this).parent().parent().find('td:first').clone());$(this).parent().parent().next().find('td:first,td:eq(1)').attr('rowspan',rowspan);$(this).parent().parent().remove();}});

})(jQuery);

请问我这表该如何遍历呢？相关推荐

数据结构——无向图创建邻接表以及深度遍历、广度遍历（C语言版）
摘自:数据结构--无向图创建邻接表以及深度遍历.广度遍历(C语言版) 作者:正弦定理发布时间:2020-12-22 20:55:12 网址:https://blog.csdn.net/chinese ...
【第11关：基于邻接表的深度优先遍历】【编程题实训-图】【头歌】【bjfu-282】
任务描述一个连通图采用邻接表作为存储结构.设计一个算法,实现从顶点v出发的深度优先遍历的非递归过程. 编程要求输入多组数据,每组m+2数据行.第一行有两个数字n和m,代表有n个顶点和m条边.顶点 ...
数据结构（廿六） -- C语言版 -- 图 - 图的遍历 -- 邻接表 - 深度/广度优先遍历/搜索（DFS、BFS）
内容预览零.读前说明一.深度优先遍历 1.1.深度优先的遍历过程 1.2.深度优先的遍历实现代码二.广度优先遍历 2.1.广度优先的遍历过程 2.2.广度优先的遍历实现代码三.源码测试效果 3 ...
【数据库】请问在 score表中执行以下操作：count（ studentNo）、 count（ score）、 count（ * ）、avg（ studentNo）、 avg（ score）、avg
题目请问在 score表中执行以下操作:count( studentNo). count( score). count( * ).avg( studentNo). avg( score).avg( ...
arcengine遍历属性表_Excel催化剂-遍历文件夹内文件信息特别是图像、音视频等特有信息...
在过往的功能中,有体现出在Excel上管理文件的极大优势,在文件的信息元数据中,有图片和音视频这两类特有的属性数据,此篇对过往功能的一个补充,特别增加了图片和音视频信息的遍历功能. 使用场景在文件管 ...
图邻接表建立深度遍历广度遍历
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 图的邻接 ...
4011-基于邻接表的深度优先遍历（C++，取巧做法）
描述一个连通图采用邻接表作为存储结构.设计一个算法,实现从顶点v出发的深度优先遍历的非递归过程. 输入多组数据,每组m+2数据行.第一行有两个数字n和m,代表有n个顶点和m条边.顶点编号为1到n. ...
数据结构之图:邻接矩阵和邻接表、深度优先遍历和广度优先遍历
简介线性表是一种线性结构,除了头结点和尾节点,线性表的每个元素都只有一个前取节点和一个后继节点.而树结构则相较于线性表更加复杂,它描述的关系为数据元素之间的父子关系,也是现实世界父子关系的缩影, 一 ...
Thirteen Days 邻接表及广度优先遍历
邻接表的实现: 定义: 它就像是树的压缩版,如图: 代码: 节点: typedef struct AdjacencyNode {int column;AdjacencyNode* next; }Adj ...

请问我这表该如何遍历呢？

请问我这表该如何遍历呢？相关推荐

最新文章

热门文章