点击图片触发Uncaught SyntaxError: Unexpected token '('错误的解决方法
解决点击图片时的JavaScript语法错误问题
嘿,这个报错的原因其实很直观——你写的onClick事件里的jQuery代码有两处明显的语法问题:
- jQuery选择器缺少引号包裹:你直接写了
$.(.dtl_tr_<?php echo$gid?>),但类选择器的字符串必须用单引号或双引号包起来,不然JavaScript会把.dtl_tr_xxx当成未定义的变量,直接触发语法错误。 - 错误的jQuery调用写法:
$.(...)是错误的语法,正确的jQuery调用应该是$(...),多出来的那个点完全是多余的,这也是导致解析失败的核心原因之一。
给你修正后的完整img标签代码:
<img src="../image/cross_bt.png" width="20px" style="cursor:pointer;position: absolute;top: -10px;right: -10px;width: 30px;" onClick="$('.dtl_tr_<?php echo $gid?>').hide();$('.dtl_td_<?php echo $gid?>').html('');" >
补充下修改的细节:
- 把所有错误的
$.(...)改成标准的$(...),去掉多余的点 - 给每个jQuery选择器加上单引号,比如
'.dtl_tr_<?php echo $gid?>',确保JavaScript能正确识别这是一个字符串选择器 - 顺便给PHP的
echo和变量$gid之间加了个空格,虽然这不是语法错误,但能让代码可读性更好
修改后再点击图片,就不会再抛出语法错误了,jQuery能正确找到目标元素并执行隐藏和清空内容的操作。
内容的提问来源于stack exchange,提问作者Subhrangshu Mondal




