用另一个Div替换Div

我有件事要做。我有一张地图的主要图片,在这张地图中有一些区域。这些区域上有热点,因此您可以单击它们,它将仅用该区域替换整个地图。(只是一个简单的divswap)

我需要它作为一个div,因为在这个div中我列出了热点

我总共需要使用4个divs来执行此操作

如果有人能帮我,那就太棒了

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

<tr class=“thumb”&gt&lt/tr>
<td>所有地区(显示主地图)(链接)&lt/td>
&lt/tr>
<tr class=“thumb”&gt&lt/tr>
<td>北部地区(环线)&lt/td>
&lt/tr>
<tr class=“thumb”&gt&lt/tr>
<td>南区(环线)&lt/td>
&lt/tr>
<tr class=“thumb”&gt&lt/tr>
<td>东区(环线)&lt/td>
&lt/tr>
&lt/表>
<部门>所有区域图像&lt/部门>
<部门>北方形象&lt/部门>
<部门>南方形象&lt/部门>
<部门>东方形象&lt/部门>

我不允许发布图片,因为我没有足够的分数,所以我知道图片链接无法工作

您可以使用.replaceWith()

$(函数(){
$(“.region”)。单击(函数(e){
e、 预防默认值();
var content=$(this.html();
$(“#map”)。替换为(“<div class=“region”>”+content+”</div>);
});
});
<脚本src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“&gt&lt/脚本>
<div id=“map”>
<div class=“region”&gt&书信电报;a href=”https://stackoverflow.com/questions/5062916/link1“>区域1&lt/a&gt&lt/部门>
<div class=“region”&gt&书信电报;a href=”https://stackoverflow.com/questions/5062916/link2“>区域2&lt/a&gt&lt/部门>
<div class=“region”&gt&书信电报;a href=”https://stackoverflow.com/questions/5062916/link3“>区域3&lt/a&gt&lt/部门>
&lt/部门&gt

发表评论