javascript - 在值上附加元素

Question

我正在使用 roundSlider用于径向 slider 。这给了我幻灯片的值(value)。 在幻灯片上，我正在应用 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

添加 for 循环事件。for 循环将附加 span 取决于 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
        }