You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何用jQuery将item.certificate_name值插入指定HTML文本中?

解决HTML文本与动态证书名称的拼接问题

嘿,看起来你已经通过调试拿到了item.certificate_name的值,就差把它插到删除确认的文本里了对吧?这事儿不难,给你几个靠谱的方案:

方案1:模板引擎直接渲染(如果是服务端生成HTML)

如果这段HTML是通过模板引擎(比如Thymeleaf、JSP、EJS等)渲染的,直接用模板语法把值嵌进去就行,把注释的位置替换成拼接后的文本:

<div class="clTulisanHapus center" id="idTulisanHapus">
  Anda Yakin ingin menghapus Pelatihan *${item.certificate_name}*?
</div>

不同模板引擎的语法略有差异,比如JSP用<%= item.certificate_name %>,EJS用<%= item.certificate_name %>,根据你实际用的引擎调整就行。

方案2:前端JavaScript动态插入

如果是在前端拿到item.certificate_name的值后动态更新文本,直接操作DOM就行:

原生JS写法

// 假设你已经获取到了证书名称,比如从item里拿到
const certificateName = item.certificate_name;
// 找到目标元素
const confirmTextElement = document.getElementById('idTulisanHapus');
// 拼接文本并设置
confirmTextElement.textContent = `Anda Yakin ingin menghapus Pelatihan ${certificateName}?`;

jQuery写法(更简洁)

const certificateName = item.certificate_name;
$('#idTulisanHapus').text(`Anda Yakin ingin menghapus Pelatihan ${certificateName}?`);

记得要在拿到item数据之后执行这段代码,比如弹窗打开的时候、数据加载完成后。

另外,顺便提一句你现有JS里的小问题:

var angka = $('#idDataId').val();
var angka = $('#idDataNama').val(); // 这里重复声明了变量angka,后面的值会覆盖前面的!

建议改成:

var dataId = $('#idDataId').val();
var dataNama = $('#idDataNama').val();
// 接口如果需要id的话就用dataId,根据实际情况调整
$.ajax({
  url: './hapussertifikasi/' + dataId,
  type: 'DELETE',
  // ... 其他逻辑不变
});

内容的提问来源于stack exchange,提问作者PiPio

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.13 09:13:47