adding href using javascript append

Question

Probably a rudimentary for some, but this is driving me crazy! I am not sure what I did wrong - I cannot/not allowed(?) to append a href - it is simply didn't get processed at all.

$('#lastViewed').append('<a href="/Path/To?_q="' + string + '>');
$('#lastViewed').append(.....some other stuffs.....);
$('#lastViewed').append('</a>');

I am trying to wrap the "other stuffs" with a Thanks!

Edit
The complete line:

$('#lastViewed').append('<div id="id_' + x + '<a href="/PVProduct/ProductDetail?_productID=' + JSON.parse(localStorage.getItem("pid_" + x)).productID);

What's string? Also, you're closing the " too early. $('#lastViewed').append('<a href="/Path/To?_q=' + string + '">'); will probably work - can I close as typo? Also, cache your selectors. — Benjamin Gruenbaum
– Benjamin Gruenbaum, Commented Aug 17, 2014 at 8:00
'<div id="id_' + x + '<a: You don't have a closing > for the div. — An Phan
– An Phan, Commented Aug 17, 2014 at 8:05

An Phan · Accepted Answer · 2014-08-17 08:03:53Z

1

This is incorrect. You don't append() opening and closing tags like that. Instead, append() the whole tag. Or even better, create the a element and append() it:

$a = $('<a>').attr('href', yourHref).html(yourText);
$('#lastViewed').append($a);

answered Aug 17, 2014 at 8:03

An Phan

2,5683 gold badges25 silver badges28 bronze badges

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

2 Comments

kodai Over a year ago

Thanks for pointing me to the correct way of using the append keyword. I ended up building a string and insert it in the <a> tag. Thanks much!

An Phan Over a year ago

Glad I could help. Remember, jQuery had appendTo() as well.

Bishoy Bisahi · Accepted Answer · 2014-08-17 08:33:10Z

0

you can use it

var link=document.createElement("a");
link.id="idName";
link.setAttribute("href", "your link");
document.appendChild(link);

answered Aug 17, 2014 at 8:33

Bishoy Bisahi

3771 silver badge11 bronze badges

Collectives™ on Stack Overflow

adding href using javascript append

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related