在值上附加元素

Question

我将 roundSlider 用于径向滑块。这给了我幻灯片的价值。在幻灯片上，我正在添加 span 个元素。

所以我想要的是 span 应该根据车牌号。如果有 22 个盘子，那么 span 应该只有 22 个，如果盘子是 10 个，那么 span 也应该是 10 个，反之亦然。

目前只是追加1个长度。我希望它根据 var tp 值附加（添加和删除）。

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

Answer 1

查看更新：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 2

Demo Fiddle Here

添加 for 循环事件。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 3

你可以查看下面的代码 1.删除所有跨度 2.根据tp值添加跨度

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

在值上附加元素

Append elements on value

html

javascript

jquery

loops

round-slider