我想创建一个类似MySQL的可编辑列表，但当它被更改为输入字段时，我无法获得相同的DIV id。我该如何做到这一点？
这是我的代码

//<![CDATA[
$(window).load(function() {
  $.fn.editable = function() {
    var textBlocks = $(this);

    for (var i = 0; i < textBlocks.length; i += 1) {
      var textBox = $('<input class="my-text-box" onchange="myFunction(this.value)" />');
      var textBlock = textBlocks.eq(i);
      textBox.hide().insertAfter(textBlock).val(textBlock.html());
    }

    textBlocks.dblclick(function() {
      toggleVisiblity($(this), true);

    });

    $('.my-text-box').blur(function() {
      toggleVisiblity($(this), false);
    });

    toggleVisiblity = function(element, editMode) {
      var textBlock,
        textBox;

      if (editMode === true) {
        textBlock = element;
        textBox = element.next();
        textBlock.hide();
        textBox.show().focus();
        textBox[0].value = textBox[0].value;
      } else {
        textBlock = element.prev();
        textBox = element;
        textBlock.show();
        textBox.hide();
        textBlock.html(textBox.val());
      }
    };
  };

  var $edit = $('.makeEditable').editable();
});

function myFunction(val) {
  document.writeln(val);
}

个字符