在ul中动态添加li?

时间:2011-04-06 10:59:12

标签: javascript jquery

<ul class="name-email-list">
      <li>xxxx<strong> tttttt</strong><a href="#." class="icon-close"></a></li>
 </ul>

4 个答案:

答案 0 :(得分:7)

.appendTo()

jQuery documentation
首先获取您的内容并将其附加到某个元素:

$("<li>WhateverContent</li>").appendTo(".name-email-list");

.append()

jQuery documentation
首先得到一些元素并将其添加到您的内容中:

$(".name-email-list").append("<li>WhateverContent</li>");

如您所见,可以使用其中任何一种。他们以相反的方式工作。使用更容易理解的那个。

答案 1 :(得分:0)

$('.name-email-list').append('<li>New  li </li>')

答案 2 :(得分:0)

您可以使用.append()方法:

$('ul.name-email-list').append('<li>xxxx<strong> tttttt</strong><a href="#." class="icon-close"></a></li>');

答案 3 :(得分:0)

使用append功能:

$('ul.name-email-list').append('<li>xxxx<strong> tttttt</strong><a href="#." class="icon-close"></a></li>');

但请注意,您需要以某种方式引用您的ul,只选择目标ul。例如通过确保只有一个ul具有此类,或者给ul一个id。