如何使用 jQuery 选择使用 javascript 动态创建的深度嵌套元素

问：

所以我的代码中有一个对象，我使用 js 根据用户交互将对象的属性添加到名为 rec 的数组中。然后我使用一个名为 unRec 的函数来获取数组的唯一元素。然后，我将 unRec 返回的值添加到 HTML 中。然后我使用 jquery 将每个值包装在锚标记中。所以代码基本上是这样的

obj= {
    0: "<span>module1</span>",
    1: "<span>module1</span>",
    2:"<span>module1</span>",
    3:"<span>module2</span>", 
    4:"<span>module2</span>", 
    5:"<span>module3</span>",
    6:"<span>module3</span>",
    7:"<span>module3</span>",
    8:"<span>module3</span>",
    9:"<span>module4</span>"
}
   function unRec(arr){
                preRec = [];
                    for (j of arr){
                        if (preRec.indexOf(j)=== -1) {
                                                    preRec.push(j);
                                            }
                            }
                            return (preRec);
            }
Recom.innerHTML = unRec(rec);

$('#congrat #recom span').wrap('<a href="modue1.html" class="disp"></a>')

现在我无法选择创建的锚点。因此，此功能不起作用

 $('#congrat #recom .disp').click(function(e) {
    var url = $(this).attr('href') + '#' + $(this).text();   
    $('#module').html('loading...).load(url); e.preventDefault(); 
 });

我尝试使用查找来选择锚点，但仍然不起作用。这是测试

    var t = $('#congrat #recom').find ('a').length;
    console.log(t);

HTML 基本上是这样的：

<div id="congrat">
    <span id="recom"></span>
</div> 
<div id="module">click on one of the modules above<div>

请提供解决方案来选择创建的锚点。提前致谢