在值上附加元素

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