javascript - 需要点击编辑文本示例的帮助

Question

我有一个例子，我在 Stack Overflow 中提出了一个问题（对不起，我是新来的，这是我的第二个问题）

这是该示例的链接：

jsfiddle.net/SpYk3/Pnr3P/

您会看到有一个选项可以单击按钮并创建一个带有可重命名文本的新 div。这已经很棒了。但是我想在这里添加一些额外的东西，如果可以的话，它会很棒。我想要的是：如果我创建一个具有两个相同名称的 div，例如：如果我之前创建了一个名为：“COOL”的 div，如果我创建了一个新的，再次命名为“Cool”，它将显示警告“此名称已经采取尝试新名称“。

这可能吗 ？？如果可以做到，那就太好了。

提前致谢 。一切顺利

Answer 1

你可以试试这个：

 $("#results").on("blur", ".new-folder .title-inp", function(e) {
 //  tells the browser, when user clicks away from input, hide input and show span
 //  also replaces text in span with new text in input

      var ok = true;
      var myinput = this;
      $('#results .new-folder .title-inp').each(function(index,input){
          if(myinput != input 
             && $(input).val().toUpperCase() == $(myinput).val().toUpperCase())
          {
              ok = false;
              return false;
          }
      });

      if(ok) $(this).hide().next().text($(this).val()).show();
      else   alert('repeated name!');
 });

希望能帮助到你！

工作小提琴：http: //jsfiddle.net/Wbrj3/4/