如何在无序列表中动态创建/输入项目作为另一个项目的子列表项目?

时间:2010-11-17 14:48:07

标签: javascript html dynamic twitter html-lists

我正在开发一个应用程序,用户可以使用它来更新他们的推特状态。然后它获取其用户发送的所有消息(即更新)。在差异窗口中显示它们按msg类型排序。 msg显示代码是:

echo' <ul id="msg" name="msg">';
      foreach ($xml->entry as $status) {
         echo'<li>'.$status->content.'</li>';
}
echo'</ul>';  

现在我需要做的是,任何新消息都可以作为已经显示在那里的另一条消息的子列表项输入。就像app显示消息“A”一样,用户可以输入新消息“B”作为其子列表项。我需要制作三个级别,即父级msg,subLevel-1和&amp; subLevel-2

2 个答案:

答案 0 :(得分:0)

您可以使用jQuery的append()方法。

$('#messageA').append(messageB_html);

请确保相应地命名您的元素。

答案 1 :(得分:0)

试试这个:
1.给父元素('ul')一个id或名称,例如'&lt; ul id =“dynamicList”&gt;'。
2.创建您想要生成的元素(在本例中为'li'):       var element1 = document.createElement('li');       element1.innerHTML =“foobar”;
3.在完成创建所需元素后,将元素附加到它们所属的位置:    的document.getElementById( 'dynamicElement')的appendChild(元素1);