用div標籤的值在jquery中自動繪製線條。

Question

我創建了兩個div標籤，並在其中創建了一個跨度和設置值。我需要使用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