我的onclick无法正常运行

Question

我有这个功能

<?php
for($i = 1; $i <=9; $i++){
print("<div id='cover'>");
for ( $j = 1; $j <= 9; $j++){
    if($i % $j == 8 || $i < $j || $i == $j){
        print("<div class='colors' onClick='hello($i, $j)'>");
    } else {
        print("<div class='pinks' onClick='hello($i, $j)'>");
    }
    print($i ."+". $j ." ");
    print("</div>");
}
print("</div>");

}
?>

产生一堆带有数字的div。 我希望能够单击它，并显示两个数字相加的结果。 我有这个JavaScript函数

function hello(r, t)
{
     $("div.colors, div.pinks").html(r+t);
}

但是我不知道如何只单击一个div。 我怎样才能做到这一点？

Answer 1

假设您只想计算用户单击的元素，则该方法应更像这样：

function calc(element, r, t)
{
    element.innerHTML = r+t
}

而ofc的方法调用为：

<div><a href="#" onclick="calc(this,3,2);">3+2</a></div>

例如，请参见此小提琴。

http://jsfiddle.net/m9wkr0vz/

---

为了在不提供每种组合方法的情况下进行更复杂的计算，您可以使用javascripts功能来评估给定的表达式：

function calc(element)
{
    element.innerHTML = eval(element.innerHTML);
}

与

<div><a href="#" onclick="calc(this);">(7+1)/(2+2)</a></div>

看到这个小提琴： http : //jsfiddle.net/u20bgx83/