jquery - 如何使用 jQuery 将文本更改为输入并获取输入值？

Question

我有以下问题。单击文本后，我想通过输入更改此文本。在此输入中插入值并按 ENTER 后，我想返回输入值。

我使用此代码但单击输入后不起作用:(:

$(document).ready(function() {

    $('.qty_new').click(function(){
        $(this).replaceWith("<input class='newVal' value='' />");
        return false;

        $('.newVal').keypress(function(e){
            var qty=$(this).val();
            var code =null;
            code = (e.keyCode ? e.keyCode : e.which);
            if (code == 13){
               alert('ratata');
            } 
        });
    });


    <span class='qty_new'>100</span>

提前致谢 ！

Answer 1

请看我的小提琴 - 代码工作正常

http://jsfiddle.net/R6z9S/

摆脱return false;

---

$(document).ready(function() {

    $(document).on('click','.qty_new',function(){
        $(this).replaceWith("<input class='newVal' value='' />");

        $('.newVal').keypress(function(e){
            var qty=$(this).val();
            var code =null;
            code = (e.keyCode ? e.keyCode : e.which);
            if(e.keyCode == 13) {
                alert('You pressed enter! '+qty);
            }
        });
    });
})