为了账号安全,请及时绑定邮箱和手机立即绑定

jquery的append()移动元素的问题

jquery的append()移动元素的问题

至尊宝的传说 2018-12-13 18:18:20
http://blog.csdn.net/fhd001/a...像该篇文章说的,下面的代码应该链接1在原位置还存在才对,但是却是复制移动后原位置没有了,是因为jquery版本2.1.4版本的原因吗?求好心人解答<body>    <a href="#">链接1</a>    <a href="#">链接2</a>    <p>文字1</p>    <p>文字2</p>    <input type="button" name="move" id="move" value="移动" /></body><script src='js/jquery-2.1.4.min.js'></script><script>    $(function(){        $('#move').on('click',function(){        $("p").append($("a:eq(0)")); //添加目标为多个<p>         //$("p:eq(1)").append($("a:eq(1)")); //添加目标是唯一的<p>        });    })</script>
查看完整描述

1 回答

?
郎朗坤

TA贡献1921条经验 获得超9个赞

这么理解:


复制就是把$A给clone()下然后(添加)to()到$B下(里)边;

移动就是直接把$A给(添加)to()到$B下(里)边。

所以按照这个逻辑,代码就是:


$(function(){

    $('#move').on('click',function(){

        $("a").eq(0).clone().appendTo('p'); //复制模式

        $("a").eq(1).appendTo('p'); //移动模式

    });

})

最后注意,能一句连下来的(链式写法)就别分段,能用多个函数分解的就别用大长字符串,这代码就漂(zhuang)亮(bi)了。


查看完整回答
反对 回复 2019-01-08
  • 1 回答
  • 0 关注
  • 366 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信