Javascript 从JSON数据填充语义UI表数据

如何使用JSON文件填充表数据？当我使用JSON文件加载数据时，我想在语义UI中使用CSS类更改样式。我在表中有硬编码的数据（我想用JSON中的数据进行更改）

以下是硬编码表结构：

<table class="ui black table" id="tableCustomerDetails">
    <thead>
        <tr>
            <th>Custome Name</th>
            <th>Customer ID</th>
            <th>Status</th>
            <th>Special Approval Pending</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <h4>
                    <img src="<c:url value='/resources/img/deadpool.jpeg'/>" class="ui left floated mini rounded image">
                    <span class="content">
                        Matthew
                        <div class="sub header">Fabric Design
                        </div>
                    </span>
                </h4>
            </td>
            <td>200</td>
            <td>
                <div class="ui blue label">
                    Pending
                </div>
            </td>
            <td>
                <div class="ui left labeled icon buttons">
                    <div class="ui mini blue button" id="buttonPendingSpecialApproval">
                        <i class="chevron circle right icon"></i>
                        Yes
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <h4>
                    <img src="<c:url value='/resources/img/avatar/people/Rick.png'/>"
                        class="ui left floated mini rounded image">
                    <span class="content">
                        Matthew
                        <span class="sub header">Fabric Design
                        </span>
                    </span>
                </h4>
            </td>
            <td>310</td>
            <td>
                <div class="ui green label">
                    Submitted
                </div>
            </td>
        </tr>
    </tbody>
</table>

客户名称
客户ID
地位
有待特别批准
“class=“ui左浮动迷你圆形图像”>
马修
织物设计
200
悬而未决的
对
"
class=“ui左浮动小圆角图像”>
马修
织物设计
310
提交

使用基本JavaScript：

const data = JSON.parse(data);
document.getElementById("class1").className = data.A.class;
document.getElementById("content1").innerHTML = data.A.content;
document.getElementById("img1").src = data.A.img;

---

您是否使用jquery、react或任何工具？是的。我正在使用jquery。我使用jsp作为前端来编写代码，java作为后端和spring架构我为您添加了jquery标记“A”是什么意思？这只是一个从

JSON

解析数据的示例。