使用JavaScript更改映像以链接

Question

我想将网站上的图像更改为使用JavaScript的链接，以便当用户单击图像时，它们会重定向到网站。我的HTML代码和JavaScript代码如下。我尝试模仿此线程中提到的内容，但没有成功（如何使用jQuery添加链接？）。

。

我试图创建一个链接的图像是http://mywebsite.com/wp-content/uploads/job-manager-uploads/job_cover/2017/10/bbbb-1024x1024.jpg

谢谢您的帮助。

我的JavaScript代码

jQuery('.profile-avatar.open-photo-swipe').wrap($('<a>',{
   href: link2;
}));

我的HTML代码

<div class="profile-header">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div v-pre>
                    <a class="profile-avatar open-photo-swipe"
                           href="http://mywebsite.com/wp-content/uploads/job-manager-uploads/job_cover/2017/10/bbbb-1024x1024.jpg"
                           style="background-image: url('http://mywebsite.com/wp-content/uploads/job-manager-uploads/job_cover/2017/10/bbbb-300x300.jpg')"
                           data-width="1024"
                           data-height="576"
                           >
                        </a>
                                        </div>
                <div class="profile-name" v-pre>
                    <h1 class="case27-primary-text">Offer 2</h1>
                                                <h2>blag</h2>
                                        </div>
                <div class="cover-details" v-pre>
                    <ul></ul>
                </div>
                <div class="profile-menu">
                    <ul role="tablist">
                        <li class="active">
                                <a href="#_tab_1" aria-controls="_tab_1" data-section-id="_tab_1"
                                   role="tab" class="tab-reveal-switch toggle-tab-type-main">
                                    Profile </a>
                            </li><li class="">
                                <a href="#_tab_2" aria-controls="_tab_2" data-section-id="_tab_2"
                                   role="tab" class="tab-reveal-switch toggle-tab-type-comments">
                                    Comments
                                      <span class="items-counter">0</span>
                                    </a>
                            </li> <div id="border-bottom"></div>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

jQuery('.profile-avatar.open-photo-swipe')

此元素是链接，而不是图像：

<a class="profile-avatar open-photo-swipe"
   href="http://mywebsite.com/wp-content/uploads/job-manager-uploads/job_cover/2017/10/bbbb-1024x1024.jpg"

所以使用

jQuery('.profile-avatar.open-photo-swipe').prop('href', link2)