انجام رویداد عملیات جاوا اسکریپت همزمان با کلیک بر روی لینک

با سلام استاد

1- استاد ایا میشه بر روی لیک کلیک کرد قبل از اینکه به صفحه ای که رفرنس داده شده بره یک متد جاوا اسکریپتی ران بشه؟ مثلا در لینک زیر بخواهم در onclick  یا به کمک jquery این کار انجام بشه؟

<a href="@Url.Action("LockScreen","Home",new {UserName=User.Identity.Name,Area="Admin"})"><i class="fa fa-users"></i> <span>قفل صفحه</span></a>

2- در تکه کد زیر انتظار دارم هنگامی که بر روی یک عکس کلیک میشه src اون عکس بدست بیاورم و از ان استفاده کنم اما متاسفانه کد جی کوری من همیشه اولین عکس انتخاب میکنه.سلکتور باید به چه صورت نوشته بشه:

<ul class="profile-avatars default text-center">
                                            <li>
                                                <img id="imgFileUpload" class="profile-avatars-item" src="/Content/img/svg/user.svg">
                                                <input type="file" id="FileUpload1" style="display: none" />
                                                <button id="SaveimageId" class="profile-box-btn-edit-new">
                                                    <i title="ذخیره" class="fa fa-save"></i>
                                                </button>
                                            </li>

                                            <li>
                                                <img class="profile-avatars-item" src="/Content/img/svg/avatar-1.svg">
                                            </li>
                                            <li>
                                                <img class="profile-avatars-item" src="/Content/img/svg/avatar-2.svg">
                                            </li>
                                            <li>
                                                <img class="profile-avatars-item" src="/Content/img/svg/avatar-3.svg">
                                            </li>
                                            <li>
                                                <img class="profile-avatars-item" src="/Content/img/svg/avatar-4.svg">
                                            </li>
                                            <li>
                                                <img class="profile-avatars-item" src="/Content/img/svg/avatar-5.svg">
                                            </li>
                                            <li>
                                                <img class="profile-avatars-item" src="/Content/img/svg/avatar-6.svg">
                                            </li>
                                            <li>
                                                <img class="profile-avatars-item" src="/Content/img/svg/avatar-7.svg">
                                            </li>
                                        </ul>

کد جی کوری من به شکل زیر هست که درست کار نمیکنه:

$("ul li img.profile-avatars-item").click(function () {
                alert($('ul li img.profile-avatars-item').attr('src'));
                $('#imgPreviewProfile').attr('src',$('ul li img.profile-avatars-item',this).attr('src'));
                $("#myModal").modal('hide');
            });