jquery填充嵌套的动态列表
我想这很容易,但我的头撞到墙上了 我有一个嵌套的动态列表,如下所示:jquery填充嵌套的动态列表,jquery,html-lists,Jquery,Html Lists,我想这很容易,但我的头撞到墙上了 我有一个嵌套的动态列表,如下所示: Volume 1 Chapter 1 Chapter 2 +Add chapter +Add volume Volume 1 Chapter 1 Chapter 2 +Add chapter Volume 2 Chapter 1 +Add Chapter +Add volume 如果单击+添加卷,则应复制最小结构(只有一章带有添加更多内容的按钮) 像这样: V
Volume 1
Chapter 1
Chapter 2
+Add chapter
+Add volume
Volume 1
Chapter 1
Chapter 2
+Add chapter
Volume 2
Chapter 1
+Add Chapter
+Add volume
如果单击+添加卷,则应复制最小结构(只有一章带有添加更多内容的按钮)
像这样:
Volume 1
Chapter 1
Chapter 2
+Add chapter
+Add volume
Volume 1
Chapter 1
Chapter 2
+Add chapter
Volume 2
Chapter 1
+Add Chapter
+Add volume
这在jquery中很难做到吗
现在,我只使用一个表在一个级别上实现了这一点
<table border="0" cellpadding="0" cellspacing="0" class="abstract" id="mbp_ray_main_table">
</table>
<input type="button" id="btn-add-row_mbp" value="+Add 1 Chapter">
the add chapter button is bound like this:
$( document ).ready(function() {
$("#btn-add-row_mbp").click(function () {
add_new_row_mbp();
});
});
function add_new_row_mbp() {
// When adding a row, bump the row count.
$("#NumRows_mbp").val(++numrows_mbp);
// And get a new rowid.
newrowid_mbp++;
var row_cnt_mbp = $('#mbp_ray_main_table tr').length + 1;
var newrow_mbp='<tr id="rowid_mbp'+newrowid_mbp+'"><td>'
+'<ul id="rowid_mbp'+newrowid_mbp+'">'
+'<li>Chapter'+newrowid_mbp
+'</li>'
+'</ul></td>'
+'</tr>';
$("#mbp_ray_main_table").append(newrow_mbp);
}
“添加章节”按钮的绑定方式如下:
$(文档).ready(函数(){
$(“#btn-add-row_mbp”)。单击(函数(){
添加新的行;
});
});
函数add_new_row_mbp(){
//添加行时,增加行数。
$(“#NumRows_mbp”).val(++NumRows_mbp);
//换一个新的rowid。
newrowid_mbp++;
var row_cnt_mbp=$(“#mbp_ray_main_table tr”)。长度+1;
var newrow_mbp=“”
+“”
+“- 章”+newrowid_mbp
+“
”
+“
”
+'';
$(“#mbp_ray_main_table”).append(newrow_mbp);
}
$(“按钮”)。在('单击',函数(){
var cnt=$('#test>li')。长度+1;
$(“#测试”)。追加(“卷”+cnt+”- 第1章
- +第
- 章);
});
$('#test')。在('click','.addChap',函数(){
var cnt=$(this).sibbines().length+1;
$(“
- 章“+cnt+”
)。在此之前插入;
});
只要一个简单的演示,如果你用漂亮的html格式的结构发布你的问题,它可以帮助你
//考虑到您的第一个“+添加卷”id是addvolume_1
$('#addvolume_1')。在('单击',函数()上){
$(this).parent()之后('
第二卷
第一章
+增加章节);
});
//单击+添加章节时
$(“”).on('click',function(){
...
});
不,这应该很容易做到。特别是在jQuery上。给我们看一个你做过的事情的例子(最好是小提琴)。我们将看看我们能提供什么帮助。我只在一个级别上成功地做到了这一点。i、 e.章节(无卷)。不知道两级版本从何处开始。请向我们展示您的代码,以便更容易提供帮助。@rgin ok。这是我所拥有的根据这个设置,是否有一个功能可以通过单击轻松删除章节或卷?