javascript - 将 .on() - keyup 分配给动态创建的元素

Question

此脚本的想法是允许动态创建的元素响应 keyup 函数，该函数根据文本表单内部的内容更改内部 html(或 jQuery text())。

每个动态创建的元素都有自己的文本格式和标题。因此，无论您在给定元素的文本表单中键入什么，都应该成为包含在标签中的该元素的标题。

我已经尝试了几种方法，但就是无法让它发挥作用。解决此问题的最佳方法是什么？

这是我最近的尝试 - http://jsfiddle.net/gnkxxgjz/1/

$('body').on('keyup', '.qForms', function() {
    var nameOfLoan = [];

    var loanOfName = function(t) {
        if ($(this).hasClass('.loanNameV'+t)) {
                $('body').on('keyup', '.qForms', function() {
                        var loanN = $('.loanNameV'+t).val();
                        $('.nameLoan'+t).text(loanN);
                });
    }
        else {
            return false;
        }
    };

    for (var t=1; t < z; t++) {
        nameOfLoan[t] = loanOfName(t);
    }

    for (var j=1; j < z; j++) {
        nameOfLoan[j]();
    }
});

Answer 1

看看这个Fiddle

<button onclick="crea()">create</button>
<div id="d1">
</div>


function crea(){

    $('#d1').append( $("<h2></h2><input>").on('keyup',function(){
        $(this).prev().html( $(this).val() );
    }) )

}