javascript – jQuery：$(element).text()不起作用

我正在动态生成内容 – div包含其中的链接.链接应该在单击时显示包含链接文本的弹出窗口(showMyText函数).相反,我得到一个空字符串:(

为什么这不起作用？我搜索过Stackoverflow和jQuery API,它应该可以工作.

function a(){
    var div=document.createElement("div");
    div.innerHTML='<a  href="javascript:showMyText(this)">Link Text</a>';

    var parent_div=document.getElementById('dinamicni_div');
    parent_div.appendChild(div);    
}

function showMyText(link){
    var txt=$(link).text();
    alert(txt);
}

如果您正在使用jQuery来获取text(),为什么不将它用于其他所有内容呢？

function a() {
    var $div = $("<div></div>");
    var $a = $("<a></a>")
        .attr("href", "#")
        .addClass("aClass")
        .text("Link text")
        .appendTo($div);

    $div.appendTo("#dinamicni_div");
}

$("#dinamicni_div").on('click', '.aClass', function() {
    alert($(this).text());
});

Example fiddle