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。这是我所拥有的根据这个设置,是否有一个功能可以通过单击轻松删除章节或卷?