每个锚点 href 的 JQuery 替换缩略图 img src

Posted

技术标签:

【中文标题】每个锚点 href 的 JQuery 替换缩略图 img src【英文标题】:JQuery for each anchor href replace thumbnail img src 【发布时间】:2014-04-09 14:18:21 【问题描述】:

别笑,这是我尝试获取每个锚链接href并替换.product-thumbnail img的图像源的弱尝试

<script>
jQuery.noConflict();
jQuery(document).ready(function($) 
    //var findImage = $('dd.variation-File ul li a').attr('href');

    //get the anchor link to image
    x=$('dd.variation-File ul li a').toArray();

    //replace default thumbnail with anchor link from x
    y=$('td.product-thumbnail img').toArray();

    y.each().attr['src'].replace(this, x);
);
</script>

在我们的购物车页面上有一个显示购物车信息的表格。有多个图像(预览)并且如果上传了图像然后有一个带有锚点的dd.variation-File ul li,我只是在尝试编写一个脚本,如果dd.variation-File ul li a 存在,则替换img src对于.product-thumbnail img,在dd.variation-file ul li a中找到href

感谢你帮助一个菜鸟:)

【问题讨论】:

你能发布 html 吗? pastebin.com/ckjFmPiN 【参考方案1】:

我认为你需要这个:

y.each(function()
   $(this).attr('src',$(this).attr('src').replace(this, x));
);

但我不知道它会做什么,因为replace 接受字符串而不是数组。

【讨论】:

谢谢,我不确定 .replace 是否是正确的方法——这是我在尝试您的建议时在控制台中得到的:TypeError: 'undefined' is not a function (evaluateing ' y.each(function() $(this).attr('src',$(this).attr('src').replace(this, x)); )')

以上是关于每个锚点 href 的 JQuery 替换缩略图 img src的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery 将完整的 html 锚点替换为另一个 html 锚点

如何使用 JQuery.ajax 从每个 WordPress 帖子中获取缩略图附件?

jQuery - 用动态图像源替换主图像源

带有字幕的Jquery缩略图寻呼机?

jQuery:将href推送到另一个锚点,多次并分别

融云发送不显示缩略图解决方法