Is it possible to access javascript variable in HTML element

See more:

HTML

jQuery

i have anchor tag in in my view. and a variable with some value in jquery script.
i need to assign like this:<a href="/Home/GoToAlbum?albumName=Name">

What I have tried:

<pre><li class="item" style="height:334.03px;width:449.61px;">


                                @*<h2 class="post-title">Album 1</h2>
                                    <img src="@Url.Content(item)" alt="" class="images"  style="height:334.03px;width:449.61px;"/>*@

                                <figure class="overlay">
                                    <a href="/Home/GoToAlbum?albumName=">
                                        <div class="text-overlay caption">
                                            <div class="info">
                                                <h2 class="post-title">Album 1</h2>
                                                <div class="meta"><span class="count">10 Photos</span> <span class="date">5 Oct 2015</span> </div>
                                            </div>
                                        </div>
                                        <img src="@Url.Content(item)" alt="" class="images" style="height:334.03px;width:449.61px;" />
                                    </a>
                                </figure>
                            </li>

var imageSrc = $(this).attr('src');

           var splitContent = imageSrc.split('/');
           var albumName = splitContent[3];   // i need albumName to be pass as a parameter to above anchor tag