javascript - 为特定的 div 生成输入元素

Question

我想向被点击的特定 div 添加一个输入字段。

我有一长串 div，如下所示:

<div class="edit">1</div>
<div class="edit">10</div>
<div class="edit">22</div>
<div class="edit">5</div>

我的 javascript/jquery 看起来像这样:

$('body').on('click', '.edit', OnEdit);

function OnEdit(e) {
    $('.edit').append('<input type="text" name="amount"/>');
}

当我单击时，问题是它将输入字段添加到所有 div。我希望它只将输入字段添加到专门单击的 div 中。我该怎么做？

Answer 1

回调中的

ThisBinding 或 this，即 OnEdit 将指向触发事件的当前元素。

所以使用this引用

function OnEdit(e) {
    $(this).append('<input type="text" name="amount"/>');
}