jquery - 这个 jQuery 片段有什么问题？

Question

我在 FF 控制台中收到以下错误消息:

“未捕获的异常:语法错误，无法识别的表达式:””

jQuery.noConflict();
jQuery(function() {
    jQuery('#foobar').click(function(){
        var id = jQuery(this).parent().parent().attr('id');
        var idstr = '"#'+id+'"';
        jQuery.post("example.com/callback.php", {id: id },
                function(data){
                jQuery(idstr).html(data.msg); // <- error occurs here 
                }, "json");
    });
});

可以看出，我想用接收到的数据更新 div 的内容。

这些是我迄今为止所做的测试:

1. 插入alert()语句以确保

   • 数据已从服务器正确返回(PASS)
   • idstr 表示的元素存在(PASS)

2. 注释掉 div 内容被替换的行，看看错误消息是否消失(PASS)

我看不出上面的代码有什么问题(但我对 jQuery 还比较陌生)。谁能找出导致错误的原因吗？

此外，我想简要地直观地突出显示内容已更新的 div(有点像在接受答案时发生的情况)-我正在考虑更改元素类并设置计时器等，但可能有一种更简单的方法 - 任何人都可以帮助如何做“突出显示部分”？

Answer 1

这个:

jQuery(document).function(){

应该是:

jQuery(document).ready(function(){

更多信息:

http://api.jquery.com/ready/

为什么不使用:

var idstr = '#'+id;

而不是:

var idstr = '"#'+id+'"';

由于 idstr 是一个变量，因此不需要在它周围加上引号，否则它将只是字符串，从而给出错误的结果。