选择全部<;td>;使用javascript和jQuery的元素

选择全部<;td>;使用javascript和jQuery的元素,javascript,jquery,Javascript,Jquery,我试图选择所有通过Javascript创建的元素,并向它们添加一个单击事件。在我的代码中,在创建td元素之后,我将click事件监听器添加到fillTable()函数底部的所有td中,但是我收到一个错误,声明“addEventListener不是一个函数”。为什么这不起作用 我也试过了 getElementsByTagName("td").addEventListener("click", clickEvent); 但这也不起作用。我确保在加载dom之后

我试图选择所有通过Javascript创建的
元素,并向它们添加一个单击事件。在我的代码中,在创建td元素之后,我将click事件监听器添加到fillTable()函数底部的所有td中,但是我收到一个错误,声明“addEventListener不是一个函数”。为什么这不起作用

我也试过了

getElementsByTagName("td").addEventListener("click", clickEvent);
但这也不起作用。我确保在加载dom之后包含它,所以我认为这是我选择元素的方式。感谢您的帮助。谢谢

let categories=[];
让CatsandCules=[];
//创建危险标题和开始/重置按钮
$(“正文”)。附加(`
危险!
开始
`)
异步函数getCategoryIds(){
//将从1到18000的随机数保存到randomInt
//randomInt将用作“offset”参数,以获得类别的随机序列
设randomInt=Math.floor((Math.random()*18000)+1);
让res=等待axios.get(`http://jservice.io/api/categories?count=100&offset=${randomInt}`);
//创建循环进行迭代,直到categories数组包含6项

对于(设i=0;categories.length@Bolmstead,请在
上尝试
,而不是
addEventListener

$("td").addEventListener("click", clickEvent);
let categories=[];
让CatsandCules=[];
//创建危险标题和开始/重置按钮
$(“正文”)。附加(`
危险!
开始
`)
异步函数getCategoryIds(){
//将从1到18000的随机数保存到randomInt
//randomInt将用作“offset”参数,以获得类别的随机序列
设randomInt=Math.floor((Math.random()*18000)+1);
让res=等待axios.get(`http://jservice.io/api/categories?count=100&offset=${randomInt}`);
//创建循环进行迭代,直到categories数组包含6项

对于(设i=0;categories.length@Bolmstead,请在
上尝试
,而不是
addEventListener

$("td").addEventListener("click", clickEvent);
let categories=[];
让CatsandCules=[];
//创建危险标题和开始/重置按钮
$(“正文”)。附加(`
危险!
开始
`)
异步函数getCategoryIds(){
//将从1到18000的随机数保存到randomInt
//randomInt将用作“offset”参数,以获得类别的随机序列
设randomInt=Math.floor((Math.random()*18000)+1);
让res=等待axios.get(`http://jservice.io/api/categories?count=100&offset=${randomInt}`);
//创建循环进行迭代,直到categories数组包含6项

对于(设i=0;categories.length实现相同结果的另一种方法是在父表上应用带有
.on()
的“委托事件侦听”:

$('#table').on('click','td', function(ev){...})

您甚至可以在填充表格之前执行此操作,因为它会将表格中的单击事件委托给当前和将来的每个
内部。

实现相同结果的另一种方法是在父表格上应用带有
.on()
的“委托事件侦听”:

$('#table').on('click','td', function(ev){...})

您甚至可以在填写表格之前执行此操作,因为它会将表格中的单击事件委托给每个当前和未来的

使用
$(“td”)。在(“单击”,单击事件)上,而不是
$(“td”)。addEventListener(“单击”,单击事件)
是的!这很有效。我记得学习过关于.on()我不知道我是怎么忘记的。谢谢你的帮助使用
$(“td”)。在(“单击”,clickEvent)上使用
$(“td”)。在(“单击”,clickEvent)上使用
,而不是
$(“td”)。addEventListener(“单击”,clickEvent)
是的!这很有效。我记得学习了.on(),不知道我是怎么忘记的。谢谢你的帮助