преобразовать текстовую ссылку в ссылку на изображение

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

Я бы рекомендовал поместить класс на все ссылки якоря, которые вы хотите преобразовать. Допустим, вы решили использовать класс 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 2

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

Код: http://jsfiddle.net/FcQzG/1/

Answer 3

@ Alex решение лучше, но если вы не можете добавить класс

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

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