在值上附加元素

Question

我使用roundSlider作为辐射滑块。这给我在幻灯片上的价值。幻灯片上的 我正在附加span元素。

所以我想要的确切是span应该按照板数。如果有22个平板，那么span应该只有22个，如果平板是10个，那么span也应该是10，反之亦然。

Find Fiddle Demo

目前，它只是附加在1个长度。我希望它按照var tp的值附加（添加和删除）。

var tp = $('.rs-tooltip').text()/1000; 
$('#plates span').text(tp); 
$('.mbox').append('<span></span>') 

Answer 1

Demo Fiddle Here

加上在循环事件.The for循环将追加span取决于跨度值。首先除去.mbox。那么内其内容将重新使用的for循环

function traceEvent(e) { 
     var tp = $('.rs-tooltip').text()/1000; 
     console.log(tp); 
     $('#plates span').text(tp); 
     $('.mbox').html("");//empty 
    for(var i=0; i<tp; i++){ 
     $('.mbox').append('<span id="'+[i]+'"></span>')//add 
     } 

Answer 2

在这里看到更新：https://jsfiddle.net/ddan/a6devr3b/3/

我做你的traceEvent方法的小的变化，首先清空板。

function traceEvent(e) { 
    var tp = $('.rs-tooltip').text()/1000; 
    console.log(tp); 
    $('#plates span').text(tp); 
    $('.mbox').html(''); 
    for (i = 0; i < tp; i++) 
    $('.mbox').append('<span/>'); 
} 

Answer 3

帮助添加您可以检查下面的代码 1.拆下TP值跨度所有2. 附加跨度基地

function traceEvent(e) { 
    var tp = $('.rs-tooltip').text()/1000; 
    $('#plates span').text(tp); 
    $('.mbox').html(""); 
    for(var i=0; i<tp; i++){ 
    $('.mbox').append('<span></span>'); 
    } 
}