javascript - 如何使用 getElementsByClass 更改当前编辑的类？

Question

我正在使用 getElementsByClass 并尝试用仅具有类的 div 替换输入框。但在我的代码中，我使用的是数组 0。

document.getElementsByClassName("item")[0].innerHTML = value;

但我只想替换当前编辑的输入框

http://jsfiddle.net/Gr4yy/29/

Answer 1

试试这个:

var cnt=0;
$(document).on("click", ".item", function () {
cnt++;
var input = $('<input />', {
    'type': 'text',
    'id': 'edit-text'+cnt,
    'class': 'edit-text',
    'value': $(this).text()
});
$(this).replaceWith(input);

$(document).on("blur", ".edit-text", function () {

        var value = $(this).val();
        $(this).replaceWith('<div class="item">'+value+'</div>');


});
});