Назначение динамического ДИВ идентификатор с некоторым переменным содержанием

Question

У меня есть этот код:

var someVar = ...; 
<div id="myDiv@someVar"></div> 

Я попытался это, чтобы сделать динамические DIV идентификаторы, но это не нормально. Как я могу добиться этого?

Answer 1

The DOM не работает так. Элементы HTML не будут привязываться к переменным JavaScript изначально (вы можете сделать это, используя фреймворки, такие как Angular или Knockout).

Вы должны использовать API JS DOM (или вместо этого использовать JQuery), чтобы получить элемент ДИВ затем изменить его ID с помощью кода.

В этом случае вы можете сделать что-то вроде этого, используя чистый JavaScript:

JS

var someVar = 1, 
div = document.getElementById('myDiv'); 

div.id += someVar; 

HTML

<div id="myDiv"></div> 

Answer 2

Нечто подобное я предполагаю:

var someVar = 'hello', 
 
    $myDiv = $('#myDiv'), 
 
    idDiv = $myDiv.attr('id'); 
 
$myDiv.attr('id', idDiv + someVar);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="myDiv"></div>