JSFiddle - React, Tailwind, and code Playground

HTML

<div id="output"></div>

JavaScript

$(document).ready(function(){
    var responce = {
          "html":'<div id="user%%userid%%"><span>You\'re ID: %%userid%%</span><img src="%%userimg%%"></div>',
          "data": [
            {
              "userid":"11",
              "userimg":"http://yastatic.net/www/1.902/yaru/i/logo.png"
            }, {
              "userid":"22",
              "userimg":"https://www.google.ru/images/srpr/logo11w.png"
            }
          ]
        },
        output = ''; // результирующая строка
      
      
    for (var i = 0, l = responce.data.length; i < l; i++) { // проход по массиву с данными пользователей
      var out = responce.html; // строка, в которой будет происходить замена
      for (var d in responce.data[i]) { // проход по свойствам пользователя
        var search = new RegExp('%%' + d + '%%', 'g'); // создание регулярного выражения с флагом глобального поиска
        out = out.replace(search, responce.data[i][d]); // замена свойства в строке
      }
      output += out; // сохранение в результирующей строке
    }
      
      
    $('#output').html(output); // вывод результата
  });