利用document.createRange().createContextualFragment方法，我们可以直接将字符串转化为DocumentFragment对象。

// 期望生成如下
{/* <a href="#links1" class="function_nav_item">跨境培训</a> */}
function aCreated(item, index) {
    return `<a href="#links${index}" class="${index === 0 ? 'active' : ''}">${item.title}</a>`
let afragment = aCreated(item, index)
let afrag = document.createRange().createContextualFragment(afragment);
$('.left_nav').append(afrag)
复制代码