Trying to use javascript variable in an append statement for an a href

Question

I have an append statement and I am trying to pass a javascript variable for the ahref attribute.But it is getting rendered as text.I want to know how do i pass the variable as a variable and not text in this append statement

jQuery('#sidr-main').append('<a class="navlink level0 addedMenu" href="abc"><li class="navlist level0">some link</li></a>');

abc is a js variable which i declared at another place and i want the value to be passed in the DOM as a variable and not the text there is no link called abc

Akrion · Accepted Answer · 2018-08-07 18:47:20Z

5

jQuery('#sidr-main').append('<a class="navlink level0 addedMenu" href="' + encodeURIComponent(abc) + '"><li class="navlist level0">some link</li></a>');

Make sure you do encodeURIComponent :)

In ES6 you could also use templated literal to get something more cleaner:

var str = `<a class="navlink level0 addedMenu" href="${encodeURIComponent(abc)}"><li class="navlist level0">some link</li></a>`
jQuery('#sidr-main').append(str)

edited Aug 7, 2018 at 18:47

answered Aug 7, 2018 at 18:42

Akrion

18.6k1 gold badge38 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Akrion Over a year ago

Great! If this is what you needed you should mark the answer so others can find it easier etc.

Yash009 Over a year ago

i upvoted it but i dont have enough reputations for it to show up :(

Akrion Over a year ago

np - no worries at all :)

Collectives™ on Stack Overflow

Trying to use javascript variable in an append statement for an a href

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related