Как напечатать значения в JQuery в HTML-текст?

Question

Я хотел соединить текст HTML со значениями item.certificate_name. Я перепробовал много вещей, но ни одна из них не сработала.

Строка, которую я имею в виду, я прокомментировал <!-- I WANTED THE CERTIFICATE NAME TO BE HERE-->. Я уже проверил, у меня уже есть значение имени. Единственная проблема - как соединить текст со значением?

<div class="col-xs-12">
  <div class="row">
    <div class="col-xs-2">
      <i class="glyphicon glyphicon-trash center" style="font-size: 50px"></i>
    </div>
    <div class="col-xs-8">
      <div class="clTulisanHapus center" id="idTulisanHapus">
        Anda Yakin ingin menghapus Pelatihan?
        <!-- I WANTED THE CERTIFICATE NAME TO BE HERE -->
      </div>
    </div>
  </div>
</div>
<div class="col-md-offset-8">
  <div class="btn-group">
    <input type="hidden" id="idDataId">
    <input type="hidden" id="idDataNama">
    <button type="button" id="idBtnHapusBatal" class="btn clBtnMdlHapus">Tidak</button>
    <button type="button" id="idBtnHapusHapus" data-id="${item.id}" class="btn clBtnMdlHapus">Ya</button>
  </div>
</div>

$('#idBtnHapusHapus').click(function() {
  var angka = $('#idDataId').val();
  var angka = $('#idDataNama').val();
  debugger;

  $.ajax({
    url: './hapussertifikasi/' + angka,
    type: 'DELETE',
    success: function(model) {
      debugger;
      window.location = './sertifikasi'
    },
    error: function(model) {
      debugger;
    }
  });
});

Answer 1

Используйте Node.textContent для объединения текстового содержимого div со значением item.certificate_name и CSS white-space: pre; для переноса текста на разрывы строк:

var item = {
  certificate_name: 'Certificate Name'
};

var div = document.getElementById('idTulisanHapus');
div.style.whiteSpace = "pre";
div.textContent += '  ' + item.certificate_name

<div class="clTulisanHapus center" id="idTulisanHapus">
  Anda Yakin ingin menghapus Pelatihan?
</div>