Question

我使用wordpress，我有一个rss发布问题。一些用于链接的图像具有外部帖子网址，如果用户点击它们打开外部网站。

我尝试使用img源代替php所有图像链接，但没有运气。

在示例中我有一个包含2张图片的帖子：

"blah blah blah"
<a href="http://google.com/thank-you.html"><img src="http://yahoo.com/img/top.jpg" alt="" /></a>
"blah blah blah"
<a href="http://google.com/index.html"><img src="http://yahoo.com/img/bottom.jpg" alt="" /></a>

我想把它变成这个：

"blah blah blah"
<a href="http://yahoo.com/img/top.jpg"><img src="http://yahoo.com/img/top.jpg" alt="" /></a>
"blah blah blah"
<a href="http://yahoo.com/img/bottom.jpg"><img src="http://yahoo.com/img/bottom.jpg" alt="" /></a>

还用php逐个替换img链接。

谢谢

Answer 1

尝试这样的事情

    jQuery('.img').each(function(){
        jQuery(this).parent('a').attr('href', this.src);
    });

HTML

    <img class="img" src="http://yahoo.com/img/top.jpg" alt="" />

Answer 2

试试这个：

<script>
var getSrc = function(imgSource) {
var img = new Image();
img.src = imgSource;
return img.src;
};
$( "a" ).attr({
href: getSrc,
});
</script>

Answer 3

试试这个

HTML

<a href="http://google.com/thank-you.html"><img class="image" src="http://yahoo.com/img/top.jpg" alt="dsfds" /></a>
<a href="http://google.com/index.html"><img class="image" src="http://yahoo.com/img/bottom.jpg" alt="ad" /></a>

jQuery的：

jQuery('.image').each(function(){
    var src = jQuery(this).attr('src');
    jQuery(this).parent('a').attr('href', src);
});

替换所有图像“

3 个答案: