用DIV标签的值自动绘制线路

Question

我创建了两个div标签，在其中，我创建了一个跨度和设置值。我需要使用跨度的值自动绘制两个标签之间的线。有可能吗？

   <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。

只要这样做：

$(".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