在值上附加元素答案

【问题标题】：Append elements on value在值上附加元素
【发布时间】：2017-03-20 14:15:23
【问题描述】：

我将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>')

【问题讨论】：

See the updated fiddle你喜欢这种方法吗

标签： javascript jquery html loops round-slider

【解决方案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/>');
}

【讨论】：

【解决方案2】：

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
        }

【讨论】：

【解决方案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>');
  }
 }

【讨论】：