如何使用jQuery或javascript编辑父标记的html？

我正在使用Shopify来主持我的在线商店，并在一个页面上添加了一些图片，我希望是静态的

不幸的是，Shopify希望使用fancybox将这些图像转换为灯箱，它正在将我提供的图像转换为链接标签的子对象。因此，在我可以编辑的代码中，我看到：

<div style="text-align: center;">
 <img src="//cdn.shopify.com/s/files/1/1333/8187/t/6/assets/ASI_elle_decoration.jpg?9949612793051485599" alt="elle decoration magazine" style="display: inline-block; padding: 0 25px;"/>
</div>

但当我加载页面时，它已完成以下操作：

<div style="text-aling: center;">
 <a href="//cdn.shopify.com/s/files/1/1333/8187/t/6/assets/ASI_elle_decoration.jpg?9949612793051485599" class="fancyboximg">
  <img src="//cdn.shopify.com/s/files/1/1333/8187/t/6/assets/ASI_elle_decoration.jpg?9949612793051485599" alt="elle decoration magazine" style="display: inline-block; padding: 0 25px;"/>
 </a>
</div>

我宁愿不编辑导致这种行为的原始文件，因为它正在整个站点范围内使用，我知道如果我这样做，我会导致其他东西停止工作

是否可以追溯移除链接标签

谢谢你的建议

使用jQuery函数

var imgTags = $( "img" );    
if ( imgTags.parent().is( "a" ) ) { imgTags.unwrap(); }

请检查下面的代码片段

$（文档）.ready（函数（）{
$（'.fancyboximg>#删除fancy'）.unwrap（）；
});
您可以尝试使用jQuery展开函数

var imgTags = $( "img" );    
if ( imgTags.parent().is( "a" ) ) { imgTags.unwrap(); }

谢谢您的回复。有没有办法将脚本本地化为单个div？目前，它正在导致页面上其他地方的图像消失。为此，您应该为当前img提供一个唯一的id，选择器将使用id，并且仅对该特定div进行展开。这看起来像这样吗？对不起，我对jquery很缺乏经验$（document）.ready（function（）{$（'.fancyboximg>#remove fancy'）.unwrap（）；}）；是的，没错。请同时签入更新的代码段。在第一个图像中，我设置了id，因此链接已从第一个图像中展开，而链接尚未从第二个图像中结束。我仍然无法确定id的目标。可能有其他内容覆盖了它，但我无法确定它是什么。不过，我可以看出你的例子效果很好。谢谢你的帮助：）谢谢@christiangh，我设法让它与这个一起工作。有没有可能把两个答案标对？