使用jQuery和链接操作DOM元素

Question

玩了一下jQuery(抱歉,完整的菜鸟)我想知道为什么这不起作用.也许我没有得到链接,上下文和DOM操作的方式,但我只是好奇.在这里:

$("#myDiv")
    .append("h3")
    .append("a")
    .attr("href", "http://example.com")
    .text("Click here")
    .end();

我期望发生什么:

• 选择 #myDiv
• 在其中插入H3
• 然后在H3内部插入A标签
• 将A标记的HREF属性设置为URL
• 然后将A标签的文本设置为"Click Here"

相反,我的页面标记似乎完全搞砸了,虽然我看不到动态DOM,所以我不确定发生了什么.我读错了jQuery文档吗？

Answer 1

它应该是

$("#myDiv")
    .append("<h3>").children('h3:last')
    .append("<a>").children('a:last')
    .attr("href", "http://example.com")
    .text("Click here")

每个方法都返回执行它的原始jQuery对象(除了遍历的那些find,children等等),因此您可以继续处理它们.

我完全删除了,.end()因为只有在使用改变jQuery对象的遍历方法时才有用.

所以,你的原单,(除此之外,如果你想添加标签HTML中追加需要标记错误)将追加h3到#myDiv,再追加一个a再次向#div,然后设置一个属性href的#myDiv,最后将它的文本- 在#myDivs文本; ).

一切都将在#myDiv.