如何在动态创建的列表中创建嵌套列表项目？

Question

新手在这里。我需要一点帮助，

我有一个空的ul获取列表项添加到它当用户填写表单并点击'保存'。我试图设置它，以便双击添加的列表项，并通过jQuery UI对话窗口中的另一个表单向该项添加更多信息，并将其保存在嵌套列表中。

这个应用程序是一个基本的D & D主动跟踪，DM可以添加球员和他们的主动，以及敌人，它会自动从最高主动到最低排序他们。嵌套列表将用于对玩家/敌人施放的效果。

这里是我的代码的jsfiddle到目前为止，我在一个列表项增加，因此您可以只需双击该看模式，而无需填写表格： jsfiddle

这是最接近我已经能够得到它。它将信息添加到对话窗口，而不是列表项目。我试过的其他东西都给了我错误。

下面是相关代码：

var conName 
var duration 
$('ul').on('dblclick', 'li', function(){ 

    $('#modal').dialog({ 
     title: 'TEST', 
     buttons: [ { 
      text : 'save', 
      click: function() { 
       conName = $('#con').val(); 
       duration = parseInt($('#dur').val()); 
       $(this).parent().append('<li>' + conName + ' ------ ' + duration + '</li>'); 
}}] 
    }); 

感谢您的帮助！

Answer 1

var conName 
var duration 
$('ul').on('dblclick', 'li', function(){ 
    _this = $(this); 
    $('#modal').dialog({ 
     title: 'TEST', 
     buttons: [ { 
      text : 'save', 
      click: function() { 
       conName = $('#con').val(); 
       duration = parseInt($('#dur').val()); 
       _this.find('.subName').html(conName); 
}}] 
    }); 

You can check it out at jsfiddle.