Как в id поставить переменную?

Question

[david2555]

Есть такой код

var ok = "id1";
$(".nm-one").append('<input type="text" title="название услуги" class="info-cnt-text-2" id="header" value="ok" />');

Как в место значения id="header" поставить переменную ok?

Answer 1

[Stalker_RED]

var ok = "id1";
$(".nm-one").append('<input type="text" title="название услуги" class="info-cnt-text-2" id="' + ok +'" value="ok" />');
// или
$(".nm-one").append(`<input type="text" title="название услуги" class="info-cnt-text-2" id="${ok}" value="ok" />`);

Comments

[david2555]

Помогите пожалуйста еще с одном вопросом если можете!

после добавления тега через append я хочу отслеживать событие click для добавленного тега.

.append("<div id="sv_save" title="сохранить"></div>");
$("sv_save").click(function(){
$(this).hide();
})

Беру id тега и не получается.

[Stalker_RED]

david2555, после append возвращается не свежесозданный элемент, а тот, в который произошла вставка.

Можно создавать элемент заранее, навешивать на него обработчик, и затем вставлять

const newBtn = $('<div id="sv_save" title="сохранить"></div>')
newBtn.click(function(){
  $(this).hide();
})
X.append(newBtn)

Или после вставки выбирать нужный элемент, и навешивать обработчик

X.append('<div id="sv_save" title="сохранить"></div>');
$("#sv_save").click(function(){
  $(this).hide();
})