var parentElement = $('<div id="A" class="a">' + 
  '<div id="B" class="b">' + 
    '<ul id="C" class="c">' + 
      '<li class="d"><a href="#"><img class="img" src="/foo.png"></a></li>' + 
      '<li class="d"><a href="#"><img class="img" src="/foo.png"></a></li>' + 
      '<li class="d"><a href="#"><img class="img" src="/foo.png"></a></li>' + 
      '<li class="d"><a href="#"><img class="img" src="/foo.png"></a></li>' + 
      '<li class="d"><a href="#"><img class="img" src="/foo.png"></a></li>' + 
    '</ul>' + 
  '</div>' + 
'</div>');

var parentDiv = document.createElement('div');
parentDiv.id = 'A';
parentDiv.className = 'a';
var innerDiv = document.createElement('div');
innerDiv.id = 'B';
innerDiv.className = 'b';
var ul = document.createElement('ul');
ul.id = 'C';
ul.className = 'c';
for (var i = 0; i < 5; i++) {
  var li = document.createElement('li');
  li.className = 'd';
  var a = document.createElement('a');
  a.href = '#';
  var img = document.createElement('img');
  img.className = 'img';
  img.src = '/foo.png';
  a.appendChild(img);
  li.appendChild(a);
  ul.appendChild(li);
}
innerDiv.appendChild(ul);
parentDiv.appendChild(innerDiv);