異なるdivにオーバーレイボタンを作成する方法

各HTML要素をWSEDITクラスにオーバーレイするボタンを作成する方法。
異なるdivにオーバーレイボタンを作成する方法

最初に私はcssクラスWSEDITで各要素を見つけてボタンを作成し、この要素をWSEDITクラスの各要素の前に追加するためにjavascriptループが必要であることを知っています。ここではjavascriptのループとボタン作成

$(function() 
    $(".WSEDIT").each(function(){ 
     var btnConfigure = $("<div class='BBtnConfigure'>"); 
     $(this).prepend(btnConfigure); 
    }); 
); 


<div class="WSEDIT" style="width:200px;height:400px;border:1px solid #000000"> 
    <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 
    </p> 
<div> 

<div class="WSEDIT" style="width:200px;height:400px;border:1px solid #000000"> 
    <h2>Sale For First Trimestriel</h2> 
    <img src="/graph.png" /> 
<div> 


<div class="WSEDIT" style="width:200px;height:400px;border:1px solid #000000"> 
    <table> 
    <tr><td>Name</td><td>Sex</td></td>Age</td<td>Country</td></tr> 
    ... 
    </table> 

<div>

の

例は、私は、次の絵でやろうとしているものです。

enter image description here