Добавить элементы по значению

Question

Я использую roundSlider для радиального слайдера. Это дает мне ценность на слайде. на слайде Я appeding 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 цикл будет добавлять span зависит от величины диапазона. Сначала удалите внутреннее содержание .mbox .Затем его будет повторно добавлен с помощью для петли

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. удалить все диапазон 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>'); 
    } 
}