如何单击javascript创建的气泡？

我有一堆由javascript创建的气泡，它们都位于同一个类的一个div中。我想在它们上单击一次，这样当它们被单击时，它们会删除，然后使其成为这样，每次你弹出一个气泡时，它都会添加一个分数，并将该数字放在id为“score”的div中

HTML:

泡沫
B
U
B
B
L
E
S
！
刷新
0

气泡Javascript：

$(document).ready(function(){
makeBubbles();

$(".b").each(function(){        
    var scroller = $(this);
    //alert($(this).data("speed"));
    $(window).scroll(function(event){

        var scrolled = $(window).scrollTop();
        var ypos = -(0.1 * $(scroller).data("speed") * scrolled) + 'px';
        $(scroller).css('top', ypos);
    });
});
});


function makeBubbles(){
var i;
for(i=0;i<20;i++){      
    var newBubble = document.createElement("div");
    $(newBubble).addClass("bubble");
    $("#bubbleGame").append(newBubble);     
    randomize(newBubble);
}
}

$（文档）.ready（函数（）{
制造气泡（）；
$（“.b”）.each（function（）{
var scroller=$（这个）；
//警报（$（this）.data（“速度”）；
$（窗口）。滚动（功能（事件）{
var scrolled=$（窗口）.scrollTop（）；
var ypos=-（0.1*$（滚动条）。数据（“速度”）*滚动条）+“px”；
$（滚动条）.css（'top'，ypos）；
});
});
});
函数makeBubbles（）{
var i；
对于（i=0；i使用新的点击语法：

$(document).on('click', '.bubble', function(evt) {

});

或者，如果要将其限制在特定容器而不是文档范围内，请执行类似操作：

$('#parentDiv').on('click', '.bubble', function(evt) {

});

onclick事件本身会产生气泡，您不必为此创建气泡？气泡是使用jquery在单独的脚本表上创建的。我必须将气泡作为目标并使其在单击时删除。（不使用jquery）不同类型的气泡，我想…谢谢。这种方法确实有效。有没有其他方法不使用jquery来完成这项工作？还有，我如何跟踪在分数分区中单击后删除的气泡。
$(document).on('click', '.bubble', function(evt) {

});

$('#parentDiv').on('click', '.bubble', function(evt) {

});