javascript - jQuery .append() 偏移后

Question

我有这个:

<div id="testcase">abcdefghijklmnopqrstuvwxyz</div>

我想添加这个:<span>有偏移量。

例如，当我有 JS 函数时: addSpan(4)这会发生:
<div id="testcase">abcd<span>efghijklmnopqrstuvwxyz</div>

可视化我正在寻找的内容:

function addSpan(i){
    $('#testcase').append('<span>', i);
}

Answer 1

使用切片和连接...

function addSpan(i){
    var content = $("#testcase").html();
    var before = content.slice(0, i);
    var after = content.slice(i + 1);
    $("#testcase").html(before + "<span></span>" + after);
}