调用名为innerHTML的javaScript函数

Question

我需要调用一系列函数，具体取决于dom元素的innerHTML。

.js将是这样的：

var myFunctions = {
    'example1':function(){console.log("EXAMPLE 1")},
    'example2':function(){console.log("EXAMPLE 2")}
}

函数名称为的HTML元素：

<div id="trigger">example1</div>

我试图实现的触发器将是这样的：

$('#trigger').click(triggerFunction);

当用户点击元素时，triggerFunction尝试触发相应的函数：

var triggerFunction = function(event){
    console.log(event.target.innerHTML);
    myFunctions.event.target.innerHTML();
}

当然这种方式不起作用，但我无法弄清楚如何解决这个问题。 ：）

希望我已经清楚我需要什么。

提前致谢。

Answer 1

只需尝试这个

var triggerFunction = function(event){
    console.log(event.target.innerHTML);
    myFunctions[event.target.innerHTML]() ;
}

更强大的方式：

function triggerFunction(event){
    console.log(event.target.innerHTML);
    myFunctions[$.trim($(this).text())]() ;
}