如何解决如何使用 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();
});
我曾尝试使用 find 来选择锚点,但它仍然不起作用。这是测试
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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。