欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery 表格嵌套

林雅南2年前10瀏覽0評論

jQuery是一款功能強大的JavaScript庫,可以用它來實現很多網頁開發中的功能。其中,表格嵌套是在網頁開發過程中經常會用到的一個功能,使用jQuery可以簡單實現表格嵌套。下面我們就來看看如何使用jQuery實現表格嵌套。

$('tr.has-children').each(function(){
var row = $(this);
var children = row.nextUntil('tr:not(.child)');
var html = '';
children.each(function(){
var child = $(this).addClass('child');
html += '' + child.html() + '';
});
row.after(html);
});

以上代碼中,$('tr.has-children').each(function())是用來循環每一個擁有子行的表格行的。var row = $(this);將每一行通過jQuery變量存儲。在循環過程中,將該行之后的所有子行通過nextUntil方法存儲,var children = row.nextUntil('tr:not(.child)');其中,'tr:not(.child)'是排除子行的標志。

在接下來的操作中,將每一個子行封裝到一個html變量中,并附加到該行之后。var html = '';開頭初始化為空字符串,var child = $(this).addClass('child');將子行全都附加上child的class以便在CSS中定制樣式,html += '' + child.html() + '';將子行存儲到html變量中。

最后,使用row.after(html);將每一行之后的子行都附加上,就完成了表格嵌套的操作。這個例子就是通過jQuery的each和nextUntil方法實現表格嵌套的。