javascript - 动态编辑元素

我试图允许用户登录该网站，当他们单击特定元素时，该元素将更改为输入文本字段，然后允许用户在其中输入他们想要的任何内容。

但是，一旦我单击输入字段，它就会不断为另一个输入字段添加更多代码。这有道理吗？

这是我的 jQuery:

$('.editTagline').click(function() {
  var content = $(this).html();
  $(this).html('<input type="text" value="' +content+ '">');    
});

这是 JSFiddle:http://jsfiddle.net/nSY4Y/如果您单击单词标语，然后尝试在输入文本字段中输入文本，您将会看到问题。

最佳答案

您可以使用one()，这样每个元素只能运行一次

$('.editTagline').one('click', function () {
    var content = $(this).html();
    $(this).html('<input type="text" value="' + content + '">');
});

关于javascript - 动态编辑元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22452106/