DOM manipulation using JS

Question

How to achieve this below scenario?
I wanna manipulate the DOM such a way that depends on the response data I am receiving from server it will add a ribbon on the page. e. g. I am fetching list of student objects in JSON format. based on the student names in student object, it will add a ribbon say and names will be displayed in these blocks like below.
A
====
Adam
Andy

H
====
Harry

S
====
Sabrina
Sam

ribbon will not be displayed if there is no name under that alphabet.

Answer 1

so what is your question?

Answer 2

I meant how to achieve this scenario through DOM manipulation...Thanks mate!