Javascript 如何将图像从一个部分切换到另一个部分

我有两个

col-md-6

bootstrap列

我希望在一列中显示内容，在另一列中仅显示图像

但目前所有内容（包括文本和图像）都在

class=“col-md-6 one”

中

class=“col-md-6 one”

中所有图像的类别为：

class="alignnone size-medium wp-image-520"

使用jQuery，如何从

class=“col-md-6-one”

中“裁剪”图像并将其“粘贴”到

class=“col-md-6-two”

---

我可以为此使用哪些jQuery函数？

您可以在jQuery中使用以下函数：

function moveElement(element, targetElement) {
  var $el = $(element)
  var $clonedEl = $el.clone()
  $el.remove()
  $(targetElement).append($clonedEl)
}

或者使用香草JavaScript：

function moveElement(element, targetElement) {
  var el = document.querySelector(element)
  var clonedEl = el.cloneNode(true)
  el.parent.removeChild(el)
  document.querySelector(targetElement).appendChild(clonedEl)
}

或者使用

jQuery

（感谢@Roamer-1888）

---

如果flexbox对您来说不是问题，那么订单：X可以在没有js的情况下解决您的问题。如果您感兴趣，我可以详细介绍。

什么？您想使用

jQuery

将标记从一个div移动到另一个div？@LiroyLeshed

jQuery

可以操作

DOM

，我认为这是可能的。隐藏一个部分的代码并在另一个部分中显示因为我需要使用

php

和

wordpress

的更大的解决方案，我认为

Jquery

更简单。我只需要一个可以与jquerysee一起使用的函数或示例下面我的答案可能会建议使用

$（element）.remove（）

而不是

.hide（）

。我认为没有理由（在这种情况下）将原始元素保留在DOMI中的原始位置。我想了同样的事情，只是编辑了我的答案：）@LiroyLeshed谢谢你的答案，请看小提琴你有一些错误。保留我编写的函数并查看更新的答案。让@LiroyLeshed将其编辑到他的答案中并给他分数。他比我更努力，如果没有他的努力，我是不会猜到解决办法的。

$(function() { $('.size-medium').appendTo('.two'); });