点击按钮复制表格指定列内容并添加逗号分隔的jQuery实现问题

你的判断是正确的，$(element).text()会直接拼接所有匹配类元素的文本内容，不会自动加分隔符，之前的修改没有作用是因为你操作的是临时元素的插入逻辑，没有修改要复制的内容本身。你可以通过遍历所有匹配元素提取文本、自定义拼接规则的方式实现需求。

完整可运行代码 #

HTML 部分（无需修改，保持原有逻辑即可） #

<button onclick="copyToClipboard('.container')">Copy container #s</button>

JavaScript 部分 #

<script>
function copyToClipboard(element) {
    // 遍历所有匹配元素，提取文本内容组装为数组
    const contentArray = $(element).map(function() {
        // trim()用于去除单元格文本前后的多余空白，不需要可以删除
        return $(this).text().trim();
    }).get();

    // 自定义分隔符，此处用换行作为分隔符，可替换为','/', '/'|'等任意字符
    const copyContent = contentArray.join('\n');

    // 使用textarea作为临时容器，支持换行内容存储，仅需单行道可换回<input>
    const $temp = $("<textarea>");
    $("body").append($temp);
    $temp.val(copyContent).select();
    document.execCommand("copy");
    $temp.remove();
}
</script>

自定义调整说明 #

• 如果不需要换行分隔，把join('\n')里的\n替换为你需要的分隔符即可，比如逗号加空格就写join(', ')
• 不需要存储多行内容的场景下，可以把$("<textarea>")改回原来的$("<input>")，功能不受影响

内容的提问来源于stack exchange，提问作者Fomorian