Javascript 如何在不同的包含div上创建覆盖按钮

如何创建一个按钮，用WSEDIT类覆盖每个html元素

首先，我知道我需要一个javascript循环来查找css类为WSEDIT的每个元素，并动态创建一个按钮，并在WSEDIT类为每个元素添加此按钮

javascript循环和按钮创建示例

下面是我在下图中尝试做的事情

问题是，我的btn类按钮BBtnConfigure的CSS应该是什么 如图所示，BTN图形与每个部分重叠

容器WSEDIT应该具有position:relative，这样您就可以完全定位按钮。 按钮应该在容器内 按钮需要：位置：绝对；顶部：-10px；右：-20px左右 容器WSEDIT应该具有position:relative，这样您就可以完全定位按钮。 按钮应该在容器内 按钮需要：位置：绝对；顶部：-10px；右：-20px左右

---

嗨，迪奥多斯，这工作做得很好。我觉得自己像个初学者。谢谢。我会在5分钟内记下答案的。嗨，迪奥多斯，这工作做得很好。我觉得自己像个初学者。谢谢。我会在5分钟内记下答案。

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