添加图片链接

Question

我需要为图像添加超链接。这是我的代码。如何添加图像链接？

success: function(data, textStatus, jqXHR){
  $.each( data, function( idx, obj ) {
  //   $( "<img>" ).attr( "src", '/images/' + obj.Icon ).attr("title", obj.DisplayName).appendTo( "#images" );
});

Answer 1

假设obj还包含链接地址，并假装obj.Href就在其中：

$.each( data, function( idx, obj ) {
  var i = $( "<img>" ).
    attr( "src", '/images/' + obj.Icon );

  $('a').
    attr('href', obj.Href).
    attr("title", obj.DisplayName).
    append(i).
    appendTo( "#images" );
});

Answer 2

你可以这样做：

$.each(data, function (idx, obj) {
    $("<img>").attr({
        src: '/images/' + obj.Icon,
        title: obj.DisplayName,
    }).appendTo("#images").wrap('<a href="url">');
});

http://jsfiddle.net/py25pL3c/