html div调用js,在div中调用javascript函数

我想创建一个包含几个div的网页,每个div包含具有不同实现的相同绘制函数(如通用接口).加载页面后,我想遍历所有div并一个接一个地调用每个绘制函数.

到目前为止,我的页面如下所示：

$( document ).ready( function() {

// Draw all slots

$('div.slot').each(function(i, d) {

console.log('slot found: ' + d.id);

// d.draw() does not work

draw();

});

});

function draw() {

console.log('Here we draw a circle');

};

function draw() {

console.log('Here we do something totally different and draw a rectangle');

};

不幸的是我不知道如何调用所选div“d”的绘制函数.

现在它只调用最后定义的绘图函数.

更新：

请注意,我不能将不同的绘制方法组合成一个可以获得形状参数的方法.绘制方法将完全相互独立.