Populate Object Values in HTML Span

Populate Object Values in HTML Span

I am populating a span based on the values from an object. 

var myData =[ { "ID":1417, "BF":74, "IL":17, "Tw":17 }, { "ID":1415, "BF":63, "IL":7, "Tw":19 }, { "ID":1414, "BF":297, "IL":2, "Tw":30 } ]
I want to read values from this JavaScript object and populate it in the HTML given in the demo  https://jsfiddle.net/qwejzkgs/3/

There are several such parent divs on the page, each with a unique id. I want to populate the span with the respective data from the object. 

How do I access the span inside the anchor and populate it with respective data.