jquery append json url into href

Question

I have a json file and I can add a link as plain text to the body of articles, but I want to add the link to the href and add hand written content in the a tag:

$('div#similarArticles').html(treeObj.root[clickedID - 1].Link);

.. how can I go about this?

    <div id="articles">
    <div id="similarArticles">
        <a href="#"></a>
    </div>
    </div>

what about $('div#similarArticles').find('a').attr('href',treeObj.root[clickedID - 1].Link); — Norlihazmey Ghazali
– Norlihazmey Ghazali, Commented Mar 3, 2015 at 4:55
Doesn't show because you need to inspect element the a tag to see the dom attribute. — Norlihazmey Ghazali
– Norlihazmey Ghazali, Commented Mar 3, 2015 at 4:59
are you trying to insert content into the anchor tag as well as set the value of the href? — peterdotjs
– peterdotjs, Commented Mar 3, 2015 at 4:59

Barmar · Accepted Answer · 2015-03-03 04:59:41Z

3

You need to modify the <a>, not the <div>:

var link = treeObj.root[clickedID - 1].Link;
$("#similarArticles a").attr('href', link).text(handWrittenContent);

answered Mar 3, 2015 at 4:59

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Comments

Sajad Karuthedath · Accepted Answer · 2015-03-03 05:04:45Z

1

you can do it like this

var link = treeObj.root[clickedID - 1].Link;
$("#similarArticles").find('a').attr('href', link).text('thelinktext');

With jQuery 1.6 and above you can use:

 $("#similarArticles").find('a').prop('href', link).text('thelinktext');

answered Mar 3, 2015 at 5:04

Sajad Karuthedath

16.2k4 gold badges35 silver badges50 bronze badges

Collectives™ on Stack Overflow

jquery append json url into href

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related