我如何绑定jquery add href不适用于img

Question

有人可以帮我如何绑定这两行以便能够在点击图片上使用href？在当前状态下，每个显示的图像都随即链接。我只是希望图像可以点击以hrefs

$.each( images, function( i, imageName ) {

$('<a data-name="'+ imageName +'" href="'+ pathPrefix + 
   imageName +'-button-1'+'">go</a>').appendTo('#images'));
 $('<img data-name="'+ imageName +'" src="'+ pathPrefix + 
   imageName +'-button-1'+'.jpg">').appendTo('#images');
});

以下用途无法按要求使用。无法在图像上添加hrefs

 $.each( images, function( i, imageName ) {
    $('<a data-name="'+ imageName +'" href="">go</a>').appendTo($('<img data-name="'+ 
      imageName +'" src="'+ pathPrefix + 
      imageName +'-button-1'+'.jpg">').appendTo('#images'));
 });

Answer 1

这更具可读性

$.each( images, function(i, imageName ) {
  const $container = $('#images');
  const $a = $('<a/>',{ "data-name":imageName, "href": pathPrefix + imageName +'-button-1 }).text("go")
  const $img = $('<img/>' { "data-name" : imageName, "src": pathPrefix + imageName +'-button-1'+'.jpg'})
  $a.append($img)
  $container.append($a)
});