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

发布于 2024-10-03 11:15:23 字数 405 浏览 1 评论 0原文

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

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

现在我需要做的是,任何新消息都可以作为已显示在那里的另一条消息的子列表项输入。就像应用程序显示消息“A”一样,用户可以输入新消息“B”作为其子列表项。我需要创建三个级别,即父级消息、子级别 1 和子级别 1。亚2级

I am developing an application using which users can update their twitter status. Then it fetches all messages(i.e. updates) sent by its users & display them in diff windows sorted by msg type. The msg displaying code is:

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

What now I need to do is that any new messages could be entered as a sub-list items of another message that is already displayed there. Like if a messages 'A' is displayed by app, user could enter a new message 'B' as its sub-list item. I need to make three levels i.e. parent msg, subLevel-1, & subLevel-2

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梦旅人picnic 2024-10-10 11:15:23

试试这个:
1. 给父元素('ul')一个 id 或名称,例如 '

    '。
    2. 创建您想要生成的元素(在本例中为“li”):
    var element1 = document.createElement('li');
    element1.innerHTML = "foobar";
    3. 创建完所需的任何元素后,将元素附加到它们所属的位置:
    document.getElementById('dynamicElement').appendChild(element1);

Try this:
1. give the parent element(the 'ul') an id or a name, for instance '<ul id="dynamicList">'.
2. create the element you would like to generate (in this case 'li'):
var element1 = document.createElement('li');
element1.innerHTML = "foobar";
3. After you're done creating whatever elements you needed, append the elements where they belong:
document.getElementById('dynamicElement').appendChild(element1);

暮年慕年 2024-10-10 11:15:23

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

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

只需确保相应地命名元素即可。

You can use jQuery's append() method.

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

Just make sure you name your elements accordingly.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文