Динамическое создание элементов с помощью jQuery ⇐ Jquery

[Anonymous]

Я пытаюсь динамически создать блок div для моего слайдера, и он создается всякий раз, когда меняется воспроизводимая в данный момент песня, и я просто не могу заставить его работать должным образом. Также, как бы вы порекомендовали разобраться с названиями песен, исполнителей и альбомов. Я понимаю, что идентификатор означает, что он уникален, поэтому только первый блок будет отображаться правильно, а в других блоках данные не будут отображаться. Есть ли способ создать уникальные идентификаторы для каждого блока в jQuery, не помещая их в HTML?


Вот HTML:












songName
songName
songName








songName
songName
songName






JS:
var swiperSlide = document.createElement('div');
swiperSlide.className = 'swiper-slide';

var getCurrentTrack = document.createElement('div');
getCurrentTrack.className = 'getCurrentTrack';

var trackTemplate = document.createElement('div');
trackTemplate.className = 'trackTemplate';

var image = document.createElement('img');
image.src = jsonPushData.songURL;
image.height = 400;
image.width =400;

var song = document.createElement('figcaption');
song.text = jsonPushData.songName;

var artist = document.createElement('figcaption');
artist.text = jsonPushData.artistName;

var album = document.createElement('figcaption');
album.text = jsonPushData.albumName;

var add = document.createElement('img');
add.src = document.getElementById('add').src;

trackTemplate.appendChild(image);
trackTemplate.appendChild(song);
trackTemplate.appendChild(artist);
trackTemplate.appendChild(album);
trackTemplate.appendChild(add);

getCurrentTrack.appendChild(trackTemplate);
swiperSlide.appendChild(getCurrentTrack);

$('swiper-wrapper').prepend(swiperSlide);

Я тоже пробовал этот метод:
$('swiper-wrapper').prepend($('', {class: 'swiper-slide'}).append(
$('', {class: 'getCurrentTrack'}).append(
$('', {class: 'trackTemplate'}).append(
$('', {src: jsonPushData.AlbumArt, width: 350, height: 350}),
$('', {class: songName, text: playbackArray[0].songName}),
$('', {class: artistName, text: playbackArray[0].artistName}),
$('', {class: albumName, text: playbackArray[0].albumName}),
$('', {class: 'invert', src: 'http://indianassist.mx/img/downArrow.png', width: 20, height: 20})))));


Подробнее здесь: https://stackoverflow.com/questions/447 ... ing-jquery