使用div标签的值在jquery中自动绘制线条。

Question

我创建了两个div标签，在其中，我创建了一个span并设置了它的值。我需要使用span的值自动在两个标签之间画线。有可能吗？

   <div id="lines">
       <div class="drline"><span id="num">1</span></div>
       <div class="drline"><span id="num">2</span></div>
   </div>

   <canvas id="canvas" width="350" height="300"></canvas>

我需要使用值1和2在这两个标签之间绘制线条。

Answer 1

这样做：

$(".drline span").each(function(){
    if ($(this).html()==1){
      $(this).append('<div  style="border:1px solid red"></div> ');
    }
    if($(this).html()==2){
         $(this).append('<div style="border:1px solid red"></div> ');
    }
});  

DEMO