首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >向节点添加元素

向节点添加元素
EN

Stack Overflow用户
提问于 2008-11-16 15:18:10
回答 3查看 156关注 0票数 0

有一个HTML:

代码语言:javascript
复制
<div class="test">
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>
</div>

还有一点JS:

代码语言:javascript
复制
$(document).ready(function() {
    // do stuff when DOM is ready
    $(".test ul").append('<li>Foo</li>');
});

为什么它什么也不添加,但是如果我从追加的参数字符串中删除html,

代码语言:javascript
复制
.append('Foo')

它可以工作--但这不是重点--新文本是作为匿名块添加的,而不是我想要的li项。

有什么建议吗?

编辑:啊,我发现问题了。我修改了从Firefox的“保存页面”选项中保存的一个文件,其扩展名是.xhtml --这就是问题所在。我把它改名了,它运转得很好。

谢谢:)

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2008-11-16 15:34:11

我检查了你的代码,它在我的机器上运行得很好.所以我认为这不是jQuery的错误。

票数 0
EN

Stack Overflow用户

发布于 2008-11-16 15:21:15

从JavaScript中添加实际的HTML非常难看,您是否尝试过这样的方法:

代码语言:javascript
复制
var li=document.createElement("li");
li.appendChild(document.createTextNode("Dupa"));
$(".text ul").appendChild(li);
票数 1
EN

Stack Overflow用户

发布于 2008-11-16 15:42:01

扩展Frans-Willems代码:

代码语言:javascript
复制
jQuery(function($){
   /* This is exactly the same as that document ready thing */
   var li=document.createElement("li");
   $(li).text("Dupa");
   $(".text ul").append(li);
}); 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/293972

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档