Как созданным элементом задать id?

Question

[Александр Корегин]

Я создаю элементы при помощи append (Если есть лучше способ, можете посоветовать ?)

Вот мой код

for (let i = 0; i < data.length; i++) {
            $('.server-menu').append('<div class="server"></div>');
            $('.server').attr('data-id',i);
            let id = $('.server').data('id');
            let server = $(`.server[data-id="${id}"]`);
     }

У меня получается задать всем элементам последнее число i, но я хочу чтобы задавалось, своё число.

Comments

[DanKud]

for (let i = 0; i < data.length; i++) {
    $('.server-menu').append('<div class="server" data-id="' + i + '"></div>');
    //let id = $('.server').data('id');
    //let server = $(`.server[data-id="${id}"]`);
}

а еще более правильнее создавать элемент так:

for (let i = 0; i < data.length; i++) {
    let el = $('<div>', {
        'data-id': i
    });
    $('.server-menu').append(el);
    //let id = $('.server').data('id');
    //let server = $(`.server[data-id="${id}"]`);
}

Answer 1

[Максим]

Только сегодня я этот вопрос задавал : https://ru.stackoverflow.com/a/975452/330688

var idArr = [];
for (var i = 0; i < $('ul').length; i++) { 
  while (true) {
    var randomId = Math.floor(Math.random() * 100000);
    if (idArr.indexOf(randomId) == -1) {
      idArr.push(randomId);
      break;
    }
  }
}

$('elem').each(function(i, elem) {
  this.id = idArr.pop();
});

elem это что у вас ul или li или div или что то ...

Answer 2

[ajgrp]

function ran (from, to) {
    var r = from - 0.5 + Math.random() * (to - from + 1)
    r = Math.round(r);
    return r;
  }

var random =  ran(5, 10) ;
for (let i = 0; i < data.length; i++) {
            $('.server-menu').append('<div class="server" id="' + random + '"</div>');
}