如何记住 DOM 中元素的位置

发布于 2024-12-11 21:17:02 字数 48 浏览 0 评论 0原文

我有一个元素需要附加到其他元素中,经过一些其他操作后,我需要将元素放回其默认位置。

I have an element which I need to append into other element, and after some other manipulation I need to put element back to its default position.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

早茶月光 2024-12-18 21:17:02

使用 .data() 保存对象的父对象,并在移动时检索它它回来了。

$( '#move' ).data( 'originalParent', $( '#move' ).parent() );  

// moving to new position
$( '#moveToNew' ).click( function() {
    $( '#move' ).appendTo( '#new' );
});

// move element back to where it was
$( '#moveBack' ).click( function() {
    $( '#move' ).appendTo( $( '#move' ).data( 'originalParent' ) );
});

Save the object's parent with .data() and retrieve it when you move it back.

$( '#move' ).data( 'originalParent', $( '#move' ).parent() );  

// moving to new position
$( '#moveToNew' ).click( function() {
    $( '#move' ).appendTo( '#new' );
});

// move element back to where it was
$( '#moveBack' ).click( function() {
    $( '#move' ).appendTo( $( '#move' ).data( 'originalParent' ) );
});
心在旅行 2024-12-18 21:17:02

你应该在 jQuery 中使用 $.data

或者你可以克隆该对象,然后使用克隆的对象来恢复

you should use $.data in jQuery

or you can clone the object and then used the cloned one to revert

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文