Javascript更改页面上的链接？

Question

我是javascript的新手,我想知道如何在一个页面上链接到图像,即.http://www.example.com/image.jpg我可以通过javascript自动更改它们以进行嵌入,即使用标记

希望有道理!

谢谢

Answer 1

我们特别喜欢这里的jQuery框架,因为它使这类任务变得非常简单.使用页面上的jQuery,您可以轻松地执行此操作:

$(document).ready(function() {
    $('a[href$=.jpg]').each(function() {
        var imageSrc = $(this).attr('href');
        var img = $('<img />').attr('src', imageSrc);

        $(this).replaceWith(img);
    });
});

这将特别适用<a>于其href属性结束的标签.jpg,当然,您可以将其扩展到其他文件扩展名,但如果URL不明显则动态确定链接是否会导致图像将是一个更大的挑战.