JSFiddle - React, Tailwind, and code Playground

by prasad raja

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<ul id="link-list"></ul>

JavaScript

var links = [
  {
      "_id": "57448a261f3e6161b34739f2",
      "index": 0
  },
  {
      "_id": "57448a2663568bbfc9dafe74",
      "index": 1
  },
  {
      "_id": "57448a26db2fbfa5cd38731f",
      "index": 2
  },
  {
      "_id": "57448a2650e28fbe8e2d87b3",
      "index": 3
  },
  {
      "_id": "57448a26a5e9ec8bd78c9809",
      "index": 4
  },
  {
      "_id": "57448a26fa772d6314ddc059",
      "index": 5
  },
  {
      "_id": "57448a26ba5a1782ae7c14af",
      "index": 6
  }
];

            for (var i in links) {
                $("<li/>")
            .append($("<span/>")
            .append($("<a/>").attr({ "href": "https://www.my-domain.so/goto?link-id=" + links[i]._id }).html(links[i].index)))
          .appendTo("#link-list");           
            }