使用变量作为 jQuery 选择器

Posted 2023-03-05

【中文标题】使用变量作为 jQuery 选择器

【英文标题】：Use variable as jQuery selector

【发布时间】：2016-05-26 01:46:35

【问题描述】：

我正在尝试将变量用作 jQuery 选择器，但它在控制台中输出错误：

错误：语法错误，无法识别的表达式：# in jquery.2.1.4.min.js

有人解释为什么会发生这种情况吗？

function FileSelected(file) 
    var imgId = RoxyUtils.GetUrlParam('img');
    $(window.parent.document).find("#" + imgId).attr('src', file.fullPath);
    $(window.parent.document).find("#" + imgId).next().val(file.fullPath);
    window.parent.closeCustomRoxy();

【问题讨论】：

imgId 的值是多少

尝试在定义变量var imgId= "#"+RoxyUtils.GetUrlParam('img'); 时添加主题标签。另外，请在定义后立即console.log(imgId);，让我们知道你看到了什么。

img的id attr。例如：“img1”。

只有.find('#') 在我的控制台中给出了这个错误，所以我假设imgId 是空白、空等。

抱歉，我没有看到 BenG 的评论。我发布了类似的答案

【参考方案1】：

使用上下文参数，你可以尝试使用下面的方式......

function FileSelected(file)
 /**
 * file is an object containing following properties:
 * 
 * fullPath - path to the file - absolute from your site root 
*/
 var imgId= RoxyUtils.GetUrlParam('img');
 $("#"+imgId,window.parent.document).attr('src', file.fullPath);
 $("#"+imgId,window.parent.document).next().val(file.fullPath);

 window.parent.closeCustomRoxy();

【参考方案2】：

如果你可以改变：

var imgId = '#' + RoxyUtils.GetUrlParam('img').toString(); //append # in the image ID, and change to string, if returning an integer.
$(window.parent.document).find(imgId).attr('src', file.fullPath);
$(window.parent.document).find(imgId).next().val(file.fullPath);

那么，它应该可以工作了。

告诉我

【参考方案3】：

刚刚添加了一个 if else 以确保 imgId 不为空。

function FileSelected(file) 
            var imgId = RoxyUtils.GetUrlParam('img');
            if(imgId.trim().length >0)
                   $(window.parent.document).find("#" + imgId).attr('src', file.fullPath);
                   $(window.parent.document).find("#" + imgId).next().val(file.fullPath);
                   window.parent.closeCustomRoxy();
            
            else
              console.log("the value of imgId is : " + imgId);
                       
        

确保您的 imgId 的值中没有“#”。