Javascript 如何使用JQuery将特定图像(位于标题中)包装到锚定标记中?

Javascript 如何使用JQuery将特定图像(位于标题中)包装到锚定标记中?,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试使用标记管理器在站点上插入jquery,以便在标题链接中创建一个指向站点上特定页面的图像。代码几乎是全面运行的,但不是100%(我觉得很奇怪) 图像: <img class="img-responsive margin-auto" src="/assets/misc/12345/image.png" alt="example" aria-label="example"> JQuery: <script type="text/javascript" id="img

我正在尝试使用标记管理器在站点上插入jquery,以便在标题链接中创建一个指向站点上特定页面的图像。代码几乎是全面运行的,但不是100%(我觉得很奇怪)

图像:

<img class="img-responsive margin-auto" src="/assets/misc/12345/image.png" alt="example" aria-label="example">

JQuery:

<script type="text/javascript" id="img-link">
    $(document).ready(function() {
        $("img[src*='image.png']").wrap("<a href='example.com/image-related-page.html'></a>");
    });
</script>

$(文档).ready(函数(){
$(“img[src*='image.png']);
});
该图像是移动屏幕大小div的直接子项,是桌面屏幕的列表项(这里处理的是网站平台,这是tag manager的原因。)我做错了什么


编辑:第一次访问站点的某个页面后,图像不可单击(但在所有其他页面上都能正常工作)。不幸的是,由于我必须在这个网站所在的平台上解决这个问题,一个最小的、完整的、可验证的示例实际上并不可行。

如果我理解您正试图正确执行的操作,那就是将图像附加到锚定标签上。您应该给锚定标记一个Id:
设置一个变量
var img=$(“然后使用jQuery您可以说
$(“#someId”)。append(img)

尝试以下操作:

$("img[src$='image.png']").wrap("<a href='example.com/image-related-page.html'></a>");
$(“img[src$='image.png'])。换行(“”);

根据

将*替换为$谢谢zack im new Here Welcome@Stephen,您需要更多地描述您的问题,以便我们提供帮助。您可以告诉我们哪些部分工作不正常,哪些是不需要的行为?如果没有包装,可能页面加载中不存在?提供一个复制问题的示例代码似乎不存在o正在工作:嗯?这将把选择器作为文本写入
$(“#someId”)
。这并不意味着senseJake,不,图像已经在页面上了,我正试图将图像包装在一个锚定标签中,这样它就可以链接到网站上的一个页面。这在大多数页面上都有效,但据我所知,有一个页面不起作用。仍然是向后的,不起OP的包装作用。
不存在t请在回答中说明您更改了什么以及更改的原因。如果OP的选择器不更改,为什么这会起作用?这些变化并不显著