Javascript 如何加上「；X"；jQuery中LI对UL的金额

我正在使用jQuery；我需要能够根据数据属性附加多个LI。我的html如下所示：

<div class="col">
     <ul class="wonda" data-tick="2"></ul>
     <ul class="panary" data-tick="5"></ul>
</div>

<div class="col">
     <ul class="wonda" data-tick="3"></ul>
     <ul class="panary" data-tick="4"></ul>
</div>

<div class="col">
     <ul class="wonda" data-tick="2">
          <li></li>
          <li></li>
     </ul>
     <ul class="panary" data-tick="3">
          <li></li>
          <li></li>
          <li></li>
     </ul>
</div>

<div class="col">
     <ul class="wonda" data-tick="1">
          <li></li>
     </ul>
     <ul class="panary" data-tick="2">
          <li></li>
          <li></li>
     </ul>
</div>

脚本运行后，会弹出如下所示的HTML：

<div class="col">
     <ul class="wonda" data-tick="2"></ul>
     <ul class="panary" data-tick="5"></ul>
</div>

<div class="col">
     <ul class="wonda" data-tick="3"></ul>
     <ul class="panary" data-tick="4"></ul>
</div>

<div class="col">
     <ul class="wonda" data-tick="2">
          <li></li>
          <li></li>
     </ul>
     <ul class="panary" data-tick="3">
          <li></li>
          <li></li>
          <li></li>
     </ul>
</div>

<div class="col">
     <ul class="wonda" data-tick="1">
          <li></li>
     </ul>
     <ul class="panary" data-tick="2">
          <li></li>
          <li></li>
     </ul>
</div>

---

我尝试过使用带有data属性的append，但没有任何效果。有没有更好的方法，或者有人有什么想法

这样的东西应该可以工作，而不需要修改HTML：

function appendToUl(){
    $('.col').find('ul').each(function(){
        var $self = $(this),
            len = $self.data('tick'); // no need to parseInt, .data() autocasts

        for(var i = 0; i < len; i++){
            $self.empty().append('<li/>');
        }
    });
}

函数appendToUl（）{
$（'.col'）.find（'ul'）.each（function（）{
var$self=$（此），
len=$self.data（'tick'）；//无需解析int，.data（）自动广播
对于（变量i=0；i”）；
}
});
}

---

然后在需要时调用该函数。

.empty（）。。。如果只调用一次，则可以将其删除。
类似的操作应该可以运行，而无需修改HTML：

function appendToUl(){
    $('.col').find('ul').each(function(){
        var $self = $(this),
            len = $self.data('tick'); // no need to parseInt, .data() autocasts

        for(var i = 0; i < len; i++){
            $self.empty().append('<li/>');
        }
    });
}

函数appendToUl（）{
$（'.col'）.find（'ul'）.each（function（）{
var$self=$（此），
len=$self.data（'tick'）；//无需解析int，.data（）自动广播
对于（变量i=0；i”）；
}
});
}

然后在需要时调用该函数。
.empty（）。。。如果只调用一次，则可以将其删除。
类似的操作应该可以运行，而无需修改HTML：

function appendToUl(){
    $('.col').find('ul').each(function(){
        var $self = $(this),
            len = $self.data('tick'); // no need to parseInt, .data() autocasts

        for(var i = 0; i < len; i++){
            $self.empty().append('<li/>');
        }
    });
}

函数appendToUl（）{
$（'.col'）.find（'ul'）.each（function（）{
var$self=$（此），
len=$self.data（'tick'）；//无需解析int，.data（）自动广播
对于（变量i=0；i”）；
}
});
}

然后在需要时调用该函数。
.empty（）。。。如果只调用一次，则可以将其删除。
类似的操作应该可以运行，而无需修改HTML：

function appendToUl(){
    $('.col').find('ul').each(function(){
        var $self = $(this),
            len = $self.data('tick'); // no need to parseInt, .data() autocasts

        for(var i = 0; i < len; i++){
            $self.empty().append('<li/>');
        }
    });
}

函数appendToUl（）{
$（'.col'）.find（'ul'）.each（function（）{
var$self=$（此），
len=$self.data（'tick'）；//无需解析int，.data（）自动广播
对于（变量i=0；i”）；
}
});
}

然后在需要时调用该函数。
.empty（）。。。如果只调用一次，可以将其删除。
类似的操作将起作用，只需勾选attr数据并循环创建元素即可

 $("ul").each(function(){
      var li = parseInt($(this).attr("data-tick"))
      for(i = 0; i < li; i++){
        //Create an li and append it to this = ul element
        $("<li/>").appendTo(this)
       }
   })

$（“ul”）。每个（函数（）{
var li=parseInt（$（this）.attr（“数据勾号”））
对于（i=0；i”）附录（本）
}
})

类似的方法可以工作，只需勾选attr数据并循环创建元素即可

 $("ul").each(function(){
      var li = parseInt($(this).attr("data-tick"))
      for(i = 0; i < li; i++){
        //Create an li and append it to this = ul element
        $("<li/>").appendTo(this)
       }
   })

$（“ul”）。每个（函数（）{
var li=parseInt（$（this）.attr（“数据勾号”））
对于（i=0；i”）附录（本）
}
})

类似的方法可以工作，只需勾选attr数据并循环创建元素即可

 $("ul").each(function(){
      var li = parseInt($(this).attr("data-tick"))
      for(i = 0; i < li; i++){
        //Create an li and append it to this = ul element
        $("<li/>").appendTo(this)
       }
   })

$（“ul”）。每个（函数（）{
var li=parseInt（$（this）.attr（“数据勾号”））
对于（i=0；i”）附录（本）
}
})

类似的方法可以工作，只需勾选attr数据并循环创建元素即可

 $("ul").each(function(){
      var li = parseInt($(this).attr("data-tick"))
      for(i = 0; i < li; i++){
        //Create an li and append it to this = ul element
        $("<li/>").appendTo(this)
       }
   })

$（“ul”）。每个（函数（）{
var li=parseInt（$（this）.attr（“数据勾号”））
对于（i=0；i”）附录（本）
}
})

比什么好？你能分享你试过的JS吗？比什么好？你能分享你试过的JS吗？比什么好？你能分享你试过的JS吗？比什么好？你能分享你试过的JS吗？很好！谢谢你的快速回复。这是完美的：）很好！谢谢你的快速回复。这是完美的：）很好！谢谢你的快速回复。这是完美的：）很好！谢谢你的快速回复。这项工作完美无瑕：）