jQuery的.append（）抵销后

2014-01-15 30 views 0 likes

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

我想补充一点：<span>有偏移。

所以，当我举例来说将有JS功能：addSpan(4)会发生这种情况：
<div id="testcase">abcd<span>efghijklmnopqrstuvwxyz</div>

形象化什么我在寻找：

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

来源

2014-01-15 Bob van Luijt

请提供一些更多的细节，让您清楚的问题！ –

结束跨度在哪里？ – Pete

让我们退一步：为什么你需要跨度？为了结构或造型的目的？ – fcalderan

回答

使用切片和concatinate ...

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); 
}

来源

2014-01-15 12:21:29 Steini

你真是太棒了，这正是我需要的！ –

这里还有一个我很累LIVE DEMO

$("#btn_clck").on('click', function() { 
    var gText = $("#testcase").html(); 
    var getlength = gText.length; 
    var finalValue = ""; 

    for (var i = 0; i < getlength; i++) { 
     var setData = gText.charAt(i); 
     if (i == 4) { 
      finalValue += '<span></span>' 
     } 
     finalValue += setData; 
    } 
    $("#testcase").text(finalValue); 
});

，但我认为Steini的答案是更好

来源

2014-01-15 12:39:31

jQuery的.append（）抵销后

回答

相关问题