Question

我正在为我的网站制作一个帖子系统，我想要一些可以转换文字链接的javascript <a href="path/to/image.jpg">Image</a> 到
<a href="path/to/image.jpg"><img src="path/to/image.jpg" /></a>
但是，当正则表达式识别出链接是图像时，只能将其转换为图像链接。

或者我不介意在链接中添加data-type =“image”属性，但我仍然需要将代码转换为图像链接。

Answer 1

$('a[href$=".png"], a[href$=".jpg"], a[href$=".gif]"').each(function(){
    $(this).html('<img src="' + $(this).attr('href') + '" />');
});

代码：http://jsfiddle.net/FcQzG/1/

Answer 2

我建议在要转换的所有锚点链接上放置一个类。假设您选择使用convert类。然后，您可以使用jQuery在锚标记内添加img标记：

// for each anchor that needs converting
$('.convert').each(function() {
  // get the href of the anchor
  var href = $(this).attr('href');
  // create the string we want to append to the anchor
  var imgString = '<img src="' + href + '" alt="" />';
  // and then append it
  $(this).append(imgString);
});

Answer 3

@Alex解决方案是一个更好的解决方案，但如果你不能添加一个类

$('a').each(function(){
    var a = $(this)
    if(a.text() == 'Image')
        a.html('<img src="'+a.href+'" >')
})

http://jsfiddle.net/7AvJT/2/

将文本链接转换为图像链接

3 个答案: