jquery – 用Div替换Div

我有这个我想做的事情。我有一张地图的主图，在该地图内还有地区。这些地区有热点，所以你可以点击它们，它将只替换整个地图。 (只是一个简单的div交换)。

我需要它作为一个div，因为在这个div我有热点列出。

共有4个div，我将需要这样做。

如果有人可以帮助我，那真是太棒了！

因此，表中列出的链接需要在单独的div中替换图像。

<tr class="thumb"></tr>
<td>All Regions (shows main map) (link)</td>
</tr>

<tr class="thumb"></tr>
<td>northern Region (link)</td>
</tr>

<tr class="thumb"></tr>
<td>Southern Region (link)</td>
</tr>

<tr class="thumb"></tr>
<td>Eastern Region (link)</td>
</tr>
</table>


<div>All Regions image</div>
<div>northern image</div>
<div>southern image</div>
<div>Eastern image</div>

我不能发布图像，因为我没有足够的积分，所以我知道图像链接不工作。

解决方法

你可以使用 .replaceWith()

$(function() {

  $(".region").click(function(e) {
    e.preventDefault();
    var content = $(this).html();
    $('#map').replaceWith('<div class="region">' + content + '</div>');
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="map">
  <div class="region"><a href="link1">region1</a></div>
  <div class="region"><a href="link2">region2</a></div>
  <div class="region"><a href="link3">region3</a></div>
</div>

原文地址：https://www.jb51.cc/jquery/181806.html