Javascript 如何使用jQuery更改位置并添加隐藏元素的包装器？

我用jQuery隐藏了一个

div

。我想做的是：我想在最右边的位置显示隐藏的jQuery元素，而不是在最左边的位置显示隐藏的jQuery元素。此外，当我在右边展示它时，我想给它一个新的包装

我使用了多个类，这个类用于隐藏它：

$（“div.post.apple”）.hide（）我想在右边显示这个，用一个新的div包装

我找不到答案。这在jQuery中可能吗？如果可能的话，我该怎么做？
在jQuery中

$(document).ready(function(){
  var element = $('.post.apple');

  //show element and reposition it
  element.css({
    'right' : '0',
    'left' : 'auto'
  }).show();

  //wrap the element in new container
  element.wrap('<div class="container"></div>');
});

$（文档）.ready（函数（）{
var元素=$（'.post.apple'）；
//显示元素并重新定位它
element.css({
“右”：“0”，
“左”：“自动”
}).show（）；
//将元素包装到新容器中
元素。包裹（“”）；
});

您可以在这个JSFIDLE上测试它
您可以尝试使它可见并应用包装器，然后使用一些css和jQuery来定位它吗？或者你喜欢把它隐藏起来，但它的副本应该在右边可见？好吧，第二种选择会更好，但我对两种结果都很满意。你能发布你到目前为止所做的，并展示你已经尝试过的吗？我想差不多了。。。问题是我不想单击某个元素。它必须在pageload上完成。。你能让它工作吗？