jquery - 如何通过jquery将一个的内部html替换为另一个

Question

我有两个 div 标签:一个包含 img里面有标签，另一个包含其他内容。

我的第一个<div>包含图像。当我单击该图像或某些<div>时id insideFrameimg ，它应该显示第二个 <div id="insideFrameobj" style="display:none;">代替<div id="insideFrameimg"> .

<div id="insideFrameimg"><!-- first div-->
  <img src="my-image.png"/>
<div>

<div id="insideFrameobj"> <!--second div -->
  hello this is my description
</div>

我想显示<div id="insideFrameobj">的完整内部html代替第一个<div>当我点击<img>时在 <div id="insideFrameimg"> 内找到使用 jQuery。

Answer 1

<div id="insideFrameimg"><!-- first div-->
  <img id="imgClick" src=""/>
  <div>

  <div id="insideFrameobj"> <!--second div -->
       hello this is my description>
   </div>

这样的事情应该有帮助。它将用第二个 div 内容替换第一个 div 内容。

$('#imgClick').click(function () {
 $('#insideFrameimg').html($('#insideFrameobj').html());

});