Javascript 使用元素创建目标onclick事件

我实现了一个将div转换为画布的javascript代码。代码如下：

JS

当用户单击button.btnSave时，他们将名为div的小部件转换为画布元素。有多个不同的分区，我把按钮放在每个分区旁边

<input type="button" class="btnSave" value="Conver this box"/>
<div id="widget" style="width:10px; height:10px; background:red">
</div>

<input type="button" class="btnSave" value="Conver this box"/>
<div id="widget2" style="width:10px; height:10px; background:blue">
</div>

<input type="button" class="btnSave" value="Conver this box"/>
<div id="widget3" style="width:10px; height:10px; background:green">
</div>

问题是，我希望我的用户能够单击每个div旁边的任何按钮，当他们这样做时，按钮旁边的div将转换为画布

TL；DR I正在尝试让我的按钮为它旁边的div工作，以便用户可以将任何div转换为画布。

jQuery具有.next方法，允许您选择元素的下一个同级。在您的情况下，它将是当前单击按钮的下一个元素：

$(".btnSave").click(function() { 
        html2canvas($(this).next(), {

---

$document.ready在$window.load中是如何运行的？在内部还是相反？嗨，哈伊姆，对我来说是这样的，试试看：谢谢你，杰西，信息丰富，简洁。别忘了提供帮助：

$(".btnSave").click(function() { 
        html2canvas($(this).next(), {