使用JavaScript和锚定标记将IMG标记插入DOM

目前，我有以下JavaScript函数将IMG标记插入DOM：

function createHeaderImageRight() {
    var parentElement = $("#sidebar");

    var img1 = $('<img />', {
        id: 'headerImageLeft',
        src: '/Images/Header/FGM2.jpg',
        "class": 'img-responsive headerImageLeft',
        alt: ''
    });
    img1.appendTo(parentElement);
}

函数createHeaderImageRight（）{
var parentElement=$（“#边栏”）；
变量img1=$（'
我想将此代码修改为包含锚定标记，以便在单击图像时，我们可以将用户带到URL。我不确定如何修改此代码以包含我需要的标记。
为什么您不能这样做

$("#sidebar").append('<a href="urlToBeRedirected"><img id="headerImageLeft" src="/Images/Header/FGM2.jpg" class="img-responsive headerImageLeft"/></a>');

$（“#边栏”）.append（“”）；
您可以使用与img标签相同的技术

var a1 = $('<a />', 
    { id: 'headerImageLeftLink',
      href: 'http://somewebsite.com'
    });
img1.appendTo(a1);
a1.appendTo(parentElement);

您还可以添加一个非常干净的属性onclick=“window.location.href=”，我喜欢这样。
parentElement.append(a1).append(img1);