Question

我正在使用roundSlider作为径向滑块。这给了我幻灯片的价值。在幻灯片上我正在追加span元素。

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

目前，它只是附加一个长度。我希望它按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
        }

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.在tp值

上添加span

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

在价值上附加元素

3 个答案: