$.ajax({ method: "POST", url: "../d/detail/keyInfo", data: { custId: custId }, success: function(result) { var jsonRes = JSON.parse(result); for (const item of jsonRes) { if (item.code === 'customerInfo...-DPDK中文网

要将按钮容器插入到特定的合同部分，而不是直接添加到 document.body 的底部，您需要首先找到目标元素的位置，然后在该位置插入您的 buttonContainer。假设您有一个用于显示合同信息的父元素，我们可以使用 JavaScript DOM 操作来实现。

下面是更新后的代码示例，说明如何找到包含合同信息的标签，并将按钮容器插入到该标签之后：

// 找到包含合同信息的标签，例如通过其 class 或 id 选择器
const contractLabel = document.querySelector('label.contract-info'); // 请根据实际情况修改选择器

if (contractLabel) {
    // 创建按钮容器
    const buttonContainer = document.createElement('div');
    buttonContainer.innerHTML = `
        <div class="button-container">
            <button class="btn" data-action="action1">按钮1</button>
            <button class="btn" data-action="action2">按钮2</button>
            <button class="btn" data-action="action3">按钮3</button>
            <button class="btn" data-action="action4">按钮4</button>
        </div>
    `;

    // 将按钮容器插入到合同部分（label 后面）
    contractLabel.parentNode.insertBefore(buttonContainer, contractLabel.nextSibling);

    // 添加点击事件处理函数
    buttonContainer.querySelectorAll('.btn').forEach(button => {
        button.addEventListener('click', function() {
            const action = this.getAttribute('data-action');
            switch (action) {
                case 'action1':
                    console.log('按钮1被点击');
                    break;
                case 'action2':
                    console.log('按钮2被点击');
                    break;
                case 'action3':
                    console.log('按钮3被点击');
                    break;
                case 'action4':
                    console.log('按钮4被点击');
                    break;
                default:
                    break;
            }
        });
    });
}

关键点：

选择合适的元素：使用适当的选择器（例如 .class、#id）来找到您想要在其后面插入内容的标签。
插入方法：利用 insertBefore() 方法，将新创建的 buttonContainer 插入到目标元素之后。这里用的是 contractLabel.nextSibling 来确保它放置在合适的位置。