我有件事要做。我有一张地图的主要图片,在这张地图中有一些区域。这些区域上有热点,因此您可以单击它们,它将仅用该区域替换整个地图。(只是一个简单的divswap)
我需要它作为一个div,因为在这个div中我列出了热点
我总共需要使用4个divs来执行此操作
如果有人能帮我,那就太棒了
因此,表中列出的链接需要替换单独的div中的图像
<;tr class=“thumb”></tr>;
<;td>;所有地区(显示主地图)(链接)</td>;
</tr>;
<;tr class=“thumb”></tr>;
<;td>;北部地区(环线)</td>;
</tr>;
<;tr class=“thumb”></tr>;
<;td>;南区(环线)</td>;
</tr>;
<;tr class=“thumb”></tr>;
<;td>;东区(环线)</td>;
</tr>;
</表>;
<;部门>;所有区域图像</部门>;
<;部门>;北方形象</部门>;
<;部门>;南方形象</部门>;
<;部门>;东方形象</部门>;
我不允许发布图片,因为我没有足够的分数,所以我知道图片链接无法工作
您可以使用.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“></脚本>;
<;div id=“map”>;
<;div class=“region”>&书信电报;a href=”https://stackoverflow.com/questions/5062916/link1“>;区域1</a></部门>;
<;div class=“region”>&书信电报;a href=”https://stackoverflow.com/questions/5062916/link2“>;区域2</a></部门>;
<;div class=“region”>&书信电报;a href=”https://stackoverflow.com/questions/5062916/link3“>;区域3</a></部门>;
</部门>