如何用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
相关产品推荐
相关产品推荐

