jquery添加动态li与输入字段

我想添加一个li到我的ul与输入字段。重要的是，输入ID是动态创建的。jquery添加动态li与输入字段

<li> 
<input id="txtMenuElement1" type="text"> 
</li>

这是我的函数：

  function addNewMenuElement() { 

      if ($('#hfCountMenueElemente').val() < 9) { 
       i += 1; 
       $("#ulMenueElementeHinzufuegen").append($("<li><input />", { type: "text", id: "name" + i}, "</li>")) 
       $('#hfCountMenueElemente').val(i); 
      } else { 
       var notification = $find("<%=rnfMaximalMenuElemente.ClientID %>"); 
       notification.show(); 
      }; 
     }

如果我不喜欢这样，我生成的代码看起来像这样：

<li> 
<input> 
</li>

因此，它忽略了输入字段属性。

有没有人有一个想法，我如何以正确的方式做到这一点？

感谢您的阅读。对不起，我的英语不好:(

来源

2013-10-14 egolive

尝试

var $x = $('<li/>'); 
var $y = $('<input />', { type: 'text', id: 'name' + i}); 
$x.append($y); 
$("#ulMenueElementeHinzufuegen").append($x);

另一个鳕鱼Ë

$("#ulMenueElementeHinzufuegen").append('<li><input type="text" id="name"' + i +"/> </li>");

问题与您的代码

$("#ulMenueElementeHinzufuegen").append($("<li><input />", { type: "text", id: "name" + i}, "</li>"));

$("<li><input />",要指定文字和名称。

来源

2013-10-14 14:06:50

谢谢！有用。 – egolive

@egolive欢迎。帮助:) –

这工作，

i= 0; 
function addNewMenuElement() { 
     i += 1; 
     $("#ulMenueElementeHinzufuegen").append("<li><input type='text' id= 'name" + i + "'/></li>"); 
     $('#hfCountMenueElemente').val(i); 

} 

$('.click-me').click(function(){ 
     addNewMenuElement(); 
});

工作拨弄here

来源

2013-10-14 14:05:27

尝试是这样的：

var $li = $('<li/>'), 
    $input = $('<input />', { type: 'text', id: 'name' + i}); 

$li.append($input); 

$("#ulMenueElementeHinzufuegen").append($li);

来源

2013-10-14 14:05:34 Johan

这应该做的工作。您尝试将属性设置为不太明确的元素（同时添加li和input）。也很好定义input的名称，而不仅仅是它的ID。

function addNewMenuElement() { 
    var i = $('#hfCountMenueElemente').prop("value"); 

    if (i < 9) { 
     i++; 

     $("#ulMenueElementeHinzufuegen").append($("<li />")).append($("<input />", { 
      type: "text", 
      id: "name" + i.toString(), 
      name: "name" + i.toString() 
     })); 

     $('#hfCountMenueElemente').prop("value", i); 
    } else { 
     var notification = $.find("<%=rnfMaximalMenuElemente.ClientID %>"); 
     notification.show(); 
    }; 
}

演示：http://jsfiddle.net/tQfbv/

来源

2013-10-14 14:09:34 melancia

jquery添加动态li与输入字段

回答

相关问题