javascript - 如何向在javascript中动态添加的按钮数组添加点击功能？

Question

代码如下:

for(var i=0;i<quick_r.length;i++) {
                    
                    quick_messages[i] = '<button type="button" class="quick" id="quick' + quick_count + '">'+quick_r[i]["title"]+ '</button>';
                    quick_count++;
                    replyID[i] = '#quick'+quick_count; 
                    console.log(replyID[i]);
                }

我想在循环中为该按钮添加一个单击功能，该功能是根据 Quick_r 的数量动态生成的我借助该循环动态地将 Id 添加到按钮

Answer 1

在 jQuery 1.7+ 中，您可以使用 .on() 将事件处理程序附加到父元素，并将选择器与类作为参数传递。

$('parentTag').on('click', 'quick', function() {
    //do some work.
});

将动态创建的按钮添加到父标记内，或者也可以传递“body”标记。