                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(二)—DOM篇

append添加位置

为什么第二个按钮从点击第二次开始那个新加入的p元素会出现在整个class=right的div的顶部 append添加不应该是在底部添加么？？！

炕土豆

2016-04-19

源自：jQuery基础(二)—DOM篇 6-9

关注问题我要回答

1621

操作

收起

3 回答

旭日A 回答被采纳 +3 积分
2016-04-20

因为你第二次起，每次$("li")时把三个li给取出了，div中只剩下p元素，且留在了div的顶部，等你appendTo的时候其实是把三个li和一个新的p元素加在了上次留下的那个p元素的后面，所以给你的错觉好像是加在了顶部

8 回复有任何疑惑可以回复我~

收起回答

炕土豆提问者

非常感谢！弄懂了！

2016-04-20 回复有任何疑惑可以回复我~

铃铛3
2016-08-10

两个应该是分开理解的 add是向<li>的父级元素里添加，appendTo()是将<li>添加到class=“right”的div标签里。第二次点击的时候，因为<li>已经在class=“right”的div里了所以 add就添加到这个div里了

0 回复有任何疑惑可以回复我~

收起回答

铃铛3

不好意思我错了，不是两步，是原来的<p>标签

2016-08-10 回复有任何疑惑可以回复我~

CATHY大魔王
2016-08-04

但是接着点第三、第四次之后P元素都还是出现在三个li之上是怎么回事

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

jQuery基础(二)—DOM篇

参与学习 114000 人
解答问题 614 个

jQuery第二阶段开启DOM修炼，了解创建、插入、删除与替换

进入课程

本课相似问答

4 回答append添加位置问题

2 回答$("p").append(function(n)是单个添加。

1 回答请问大神们append添加不进去怎么搞

5 回答$("body").append(p); 这个append里面的p为什么没有加引号

3 回答append()问题

搜索更多本课相关问答

append添加位置

我要回答关注问题

热搜

最近搜索清空

append添加位置

3 回答

本课相似问答

append添加位置