Как передать значение из var в div?

Question

[KronosHD]

В общем, появилась проблемка.
Этот скрипт выбирает рандомный previ_id:

var previ_id = ["23054", "23057", "23058", "23059"];
var rand = Math.floor( Math.random() * previ_id.length );
var id = previ_id[rand];

Теперь мне надо занести его в

<div class="previElement" previ_id="СЮДА">КУПИТЬ РАНДОМ</div>

Comments

[Евгений Самойленко]

Где вы формируете это?? и оформите код.

Answer 1

[President42]

JQuery
$('.previElement').attr('previ_id', id)

Vanilla

document.querySelector('.previElement').setAttribute('previ_id', id)

А вообще, для таких вещей лучше айди, если не собираетесь менять значение в нескольких местах. Если же используете классы для взаимодействия JS с DOM элементами, используйте в классах префикс js-

Например:

<input type="button" value="Click me!" class="btn btn--primary js-open-popup" />

var popup = {
  open: function() { /* open popup */ },
  close: function() { /* close popup */ }
}

$('.js-open-popup').on('click', function() { window.popup.open(); })

Comments

[KronosHD]

Мне нужно, чтоб рандомное число заносилось именно в свойство previ_id

[President42]

KronosHD: ой, не так понял, сорян

[President42]

KronosHD: исправил

[KronosHD]

President42: большое спасибо, щяс проверю))

[Сергей Протько]

President42: ID вообще лучше не использовать, ни в стилях ни в JS. Ну или скорее ооочень аккуратно. Так же вместо префиксов js- лучше использовать data-* атрибуты

[President42]

Сергей Протько: ок, спасибо за совет)
Основной мыслью было не привязывать JavaScript к классам, отвечающим за внешний вид элемента, вот

Answer 2

[Сергей Протько]

data-* атрибуты для того и придумали. В целом все как и при работе с обычными отрибутами, единственное но, забирать их у элемента можно так:

$(element).data('some-prop');
// или для ванильки
element.dataset.someProp

www.sitepoint.com/use-html5-data-attributes