如何动态移动<tr>进入一个新创建的
How to dynamically move <tr> into a newly created <div>?
我有以下HTML结构:
<table id="j_idt28:innerContent" class="innerContent">
<tbody>
<tr>
<tr>
<tr>
<tr>
.......
<tr>
<tr>
</tbody>
</table>
使用解析后的XML响应填充标记。
我通常有20个左右的tr标签。我想在第4,第8,第12等标签之后创建一个并将4个标签插入其中。这是目前为止我的jquery:
var i = 1;
var j = 2;
var margin = 0;
var max = $('.innerContent tr').length;
for(i = 1; i<=max; i++)
{
var child1 = i - 3;
var child2 = i - 2;
var child3 = i - 1;
var hotel1 = $('.innerContent tr:nth-child('+child1+')');
var hotel2 = $('.innerContent tr:nth-child('+child2+')');
var hotel3 = $('.innerContent tr:nth-child('+child3+')');
var hotel4 = $('.innerContent tr:nth-child('+i+')');
if(i%4 == 0)
{
$('.innerContent tbody').prepend('<div class="line_wrapper"></div>');
$('.line_wrapper').append(hotel1,hotel2,hotel3,hotel4);
}
}
for(j =2; j<=max ;j++)
{
var hotel = $('.innerContent tr:nth-child('+j+')');
margin = margin + 280;
hotel.css('margin-left',margin+'px');
//$('.line_wrapper').append(hotel);
}
这并不像我所期望的那样工作。我想添加div以便使用bootstrap流体布局
您可以使用each:
$('#mytable tr').each(function (i) {
i%4?$(this).prev('div').append(this):$(this).wrap('<div/>');
});
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 如何拆分一个整数和产生的所有数字来创建一个新数字
- 从分析类传递现有对象,否则创建一个新对象
- 根据对多个数组唯一的元素创建一个新数组
- 如何创建一个新的<李>带有复选框或<a>在里面
- 使用javascript/jquery从现有数组中创建一个新数组,该数组保存项目存在的次数
- 使用 javascript 为 CSS 创建一个新的单位类型
- 检查对象数组中的重复项并创建一个新项
- 与node.js的get/post混淆,并试图创建一个新页面
- JavaScript可以根据用户输入创建一个新函数
- 重用XMLHttpRequest对象或创建一个新对象
- 每次使用角度控制器都会创建一个新的if实例
- 在Javascript中使用新的引用创建一个新对象 - 不要复制或克隆 -
- 在 JavaScript ES2015 中,在扩展类时,我们是否需要显式创建一个新的构造函数,或者我们是否可以只使用父类
- 使用 JavaScript 比较 2 个数组并创建一个新的对象数组,该数组不包含与 id 字段匹配的对象
- 追加子节点创建一个新节点
- mootools:从 HTML 创建一个新的 DOM 元素
- CKEditor:创建(从Moono复制)一个新的皮肤,缺少皮肤.js文件
- 每 5 个元素创建一个新对象
- 如何动态移动
进入一个新创建的