javascript - 如何从区域 href 触发 JS 函数

Question

我有一个带有这样的链接映射的图像(用 PHP 生成):

        <map name="map_bc-03" id="map_bc-03">
          <area shape="circle" coords="166,28,12" href="#" onClick="changeCount('plus','bc-03');">
          <area shape="circle" coords="166,82,11" href="#" onClick="changeCount('minus','bc-03');"> 
        </map>

我正在尝试触发一个名为 changeCount(type,product) 的 JS 函数。

JS 函数的目的是获取 HTML 元素 ( <span> ) 的当前值并加 1 (x+1)。 JS 函数如下:

function changeCount(type,product)
{
    if ( type == "plus" )
    {
         $("#count_" + product).val() = $("count_" + product).val() + 1;
    }
}

问题是 1/JS 函数没有被触发，并显示错误消息“ReferenceError:changeCount 未定义”，我不明白为什么函数已明确定义......

问题 2/JS 函数本身会导致“ReferenceError:后缀操作中的左侧表达式无效”错误(即使未触发)....

非常感谢任何帮助!

Answer 1

val()用于表单元素。对于 <span>您需要html()或text() 。试试这个

function changeCount(type,product){
    if ( type == "plus" ){
      $("#count_" + product).text(function(index, val){
        return parseInt(val)+1;
      });
    }
}