Question

I am dynamically generating content – div’s with links in them. Link should bring up a popup containing link’s text when clicked (showMyText function). Instead I get an empty string 🙁

Why isn’t this working? I’ve searched Stackoverflow and jQuery API and it should work.

function a(){
    var div=document.createElement("div");
    div.innerHTML='<a class="aClass" 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);
}

Answer 1

If you’re using jQuery to get the text() why not use it for everything else too?

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