个人中心
gpt4 book ai didi

javascript - 如何使用 jQuery 重新附加元素？

转载 作者：行者123 更新时间：2023-11-28 10:48:43 25 4
gpt4 key购买 nike

嘿，大家好，我正在尝试在元素与 DOM 分离时重新附加该元素，但我似乎找不到简单的解决方案。

$(document).on('click', '#emailEnquiryPreferred', function () {
  $('.form-group-timepicker').fadeOut(300, function(){ $(this).detach(); });
});

正如您在下面的代码中看到的，我正在将其分离，但是使用另一个点击事件我想将其重新附加到相同的位置，如何做到这一点？

谢谢

最佳答案

在附加之前将其保留为变量:

var $detachedElement;
$(document).on('click', '#emailEnquiryPreferred', function () {
  $('.form-group-timepicker').fadeOut(300, function(){
    $detachedElement = $(this); 
    $(this).detach(); 
  });
});

现在，当您需要重新附加它时，只需使用 $detachedElement 变量...

这是一个完整的示例:

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script>
        var $detachedElement;

        $(document).ready(function() {
            $('#id2').on('click', function() {
                $('#div').append($detachedElement);
            })

            $("p#id1").click(function() {
                $detachedElement = $(this).detach();
            });
        });
    </script>
</head>

<body>

    <div id="div" style="border: red solid 1px">
        <p id="id1">Detach Me!</p>
    </div>

    <p id="id2">Re-attach it!</p>

</body>

</html>

关于javascript - 如何使用 jQuery 重新附加元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37609835/

25 4 0
文章推荐： javascript - Laravel + AngularJS Controller 已存在，但返回不是函数的错误
文章推荐： javascript - 如何防止 Javascript 将本地时区应用于 Date() 对象？
文章推荐： css - overflow-y hidden 不禁用鼠标滚轮
文章推荐： javascript - 在 Javascript 中从 2 个值和键数组构建一个 Map
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com