Question

我有两个col-md-6引导列

我想在列class="col-md-6 one"中显示内容，而在另一个（class="col-md-6 two"）图片中显示。

但目前文字和图片的所有内容都在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函数？

Answer 1

您可以在jQuery中使用以下内容：

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

或在vanilla 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的{{3}}（感谢@ Roamer-1888）

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

Answer 2

如果flexbox不是你订购的问题：X可以在没有js的情况下解决你的问题。如果你有兴趣我可以详细说明。

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

2 个答案: