使用jquery/javascript删除图像并将其添加到div之后

首先，这里是

我有一个类为“Full”的图像，还有一个类为“groupofbuttons”的div，我想删除这个img并用js将它添加到div“groupofbuttons”之后，下面是HTML代码：

<img src="http://i.telegraph.co.uk/multimedia/archive/01622/nasa_1622185c.jpg" class="FULL"/>
<br><br>
<div class="group-of-buttons">
    <button class="one">One </button>
    <button class="two">Two </button>
</div>

一个
两个

任何帮助都将不胜感激

您可以使用：

您可以使用：

---

你应该做你想做的。只需使用

.insertAfter（）

jQuery方法即可

$（文档）.ready（函数（）{
var img=$（'img.FULL'）；
img.insertAfter（$（'div.group-of-buttons'）；
});





一个
两个
应该做你想做的事。只需使用
.insertAfter（）
jQuery方法即可


$（文档）.ready（函数（）{
var img=$（'img.FULL'）；
img.insertAfter（$（'div.group-of-buttons'）；
});





一个
两个

我希望这就是您希望实现的目标示例：

我希望这就是您希望在这里实现的示例：
我在代码中添加了一些额外的id和div。你能试试这个吗：按钮将img从一个div移动到另一个div

<script>
 function moveImage(movefrom,moveto,img_id) {
  imgtxt = document.getElementById(movefrom).innerHTML;
  imgobj = document.getElementById(img_id);
  document.getElementById(movefrom).removeChild(imgobj);
  document.getElementById(moveto).innerHTML = imgtxt;
 }
</script>
<div id="div1"><img src="http://i.telegraph.co.uk/multimedia/archive/01622/nasa_1622185c.jpg" class="FULL" id="img"/></div>
<br><br>
<div class="group-of-buttons">
<button class="one" onclick="moveImage('div2','div1','img');">One </button>
<button class="two" onclick="moveImage('div1','div2','img');">Two </button>
</div>
<br>
<div class="secondary-div" id="div2">
    Secondary Div
</div>


函数moveImage（movefrom、moveto、img_id）{
imgtxt=document.getElementById（movefrom）.innerHTML；
imgobj=document.getElementById（img_id）；
document.getElementById（movefrom）.removeChild（imgobj）；
document.getElementById（moveto）.innerHTML=imgtxt；
}



一个
两个


中学部

我希望它能有所帮助。
我在代码中添加了一些额外的id和div。你能试试这个吗：按钮将img从一个div移动到另一个div

<script>
 function moveImage(movefrom,moveto,img_id) {
  imgtxt = document.getElementById(movefrom).innerHTML;
  imgobj = document.getElementById(img_id);
  document.getElementById(movefrom).removeChild(imgobj);
  document.getElementById(moveto).innerHTML = imgtxt;
 }
</script>
<div id="div1"><img src="http://i.telegraph.co.uk/multimedia/archive/01622/nasa_1622185c.jpg" class="FULL" id="img"/></div>
<br><br>
<div class="group-of-buttons">
<button class="one" onclick="moveImage('div2','div1','img');">One </button>
<button class="two" onclick="moveImage('div1','div2','img');">Two </button>
</div>
<br>
<div class="secondary-div" id="div2">
    Secondary Div
</div>


函数moveImage（movefrom、moveto、img_id）{
imgtxt=document.getElementById（movefrom）.innerHTML；
imgobj=document.getElementById（img_id）；
document.getElementById（movefrom）.removeChild（imgobj）；
document.getElementById（moveto）.innerHTML=imgtxt；
}



一个
两个


中学部

我希望这会有帮助。
实际上不，我希望图像位于按钮下方，但我不太明白-那么你希望在什么动作上发生什么呢。因为当你点击两个按钮时，我移除img并将其添加到按钮下方；当你点击一个按钮时，我移除img并将其添加到按钮上方。所以你可以选择你喜欢的。事实上，不，我希望图片在按钮下面。我不太明白-那么你想在什么动作上发生什么。因为当你点击两个按钮时，我移除img并将其添加到按钮下方；当你点击一个按钮时，我移除img并将其添加到按钮上方。所以你可以选择你喜欢的。
<script>
 function moveImage(movefrom,moveto,img_id) {
  imgtxt = document.getElementById(movefrom).innerHTML;
  imgobj = document.getElementById(img_id);
  document.getElementById(movefrom).removeChild(imgobj);
  document.getElementById(moveto).innerHTML = imgtxt;
 }
</script>
<div id="div1"><img src="http://i.telegraph.co.uk/multimedia/archive/01622/nasa_1622185c.jpg" class="FULL" id="img"/></div>
<br><br>
<div class="group-of-buttons">
<button class="one" onclick="moveImage('div2','div1','img');">One </button>
<button class="two" onclick="moveImage('div1','div2','img');">Two </button>
</div>
<br>
<div class="secondary-div" id="div2">
    Secondary Div
</div>