javascript - 为什么我的 find ('a' ) 在 jquery 中不起作用？

Question

我在 jquery 中有一个函数:

函数 handleUpcomingUserTexts () {

$.ajax({
    url: 'getjson.php', 
    type: "POST",
    data: {
        mail: '<?php echo htmlentities($_SESSION["email"]); ?>'
    },
    dataType:'text',
    success: function(ans)
    {
        var data = JSON.parse(ans);

        $.each(data, function(i, v) {

            var upcomingText = $('<a href="#" class="list-group-item"><i class="fa fa-comment fa-fw"></i> '+v.Content+'<span class="pull-right text-muted small"><em>'+v.Date+'</em></span></a>');


            $('#upcomingTexts').append(upcomingText);


            var a = upcomingText.find('a').on('click',function(e){

                e.preventDefault();
                alert("here");


            });

            });     

}});

};

它很好地填充了 html，但是当我单击链接时 - 没有任何反应，我也没有看到警告消息。这里有什么问题？

Answer 1

因为 upcomingText已经是 a .而你正试图找到一个 a在你的a .

你可以这样写:

var a = upcomingText.on('click',function(e){

当你写 var variable = $('<a ...>...</a>'); ，结果是给定 html 的根标签。所以在你的情况下，<a> .