在javascript正则表达式中使用javascript变量

Question

我只是习惯了正则表达式，不确定如何在其中使用JavaScript变量。

我的代码是：

if (window.location.hostname == 'localhost') {
    var $sURLDomain = 'http://localhost/';
}
else {
    var $sURLDomain = 'http://mysite.com';
}


$('#content a[href^=$sURLDomain]').addClass('internal');

本质上，我是根据本地URL还是实时URL来设置变量$sURLDomain 。

然后，我想测试我的链接是否以$sURLDomain变量开头，并使用jQuery仅向这些特定链接添加一个类。

这似乎没有起作用，所以不确定如何实现。

Answer 1

尝试这个：

$('#content a[href^="'+$sURLDomain+'"]').addClass('internal');

要么：

$('#content a').filter(function() {
    return this.href && this.href.substr(0, $sURLDomain.length) != $sURLDomain;
}).addClass('internal');

Answer 2

$('#content a[href^=$sURLDomain]').addClass('internal');

1. JavaScript不执行PHP样式的字符串插值。 您必须说'#content a[href^='+sURLDomain+']' 。

2. 以$开头的JavaScript变量是不寻常的。 有人将它用作一种“匈牙利符号”样式的标志，该标志是jQuery或其他库的包装对象。 这是否是一个好主意尚有争议，但是无论哪种方式都不要仅用PHP来$变量加上$前缀。

3. [^=...]选择器检查文本字符串的属性值的开头。 与问题标题相反， 这里没有正则表达式 。 与正则表达式的唯一联系是使用^表示“字符串的开头”。

4. 如果URL中有一个特殊的字符，例如[ ]或\\ ，则缺少转义符意味着选择器表达式将中断。 在这种情况下可能不太可能，但是说起来可能更简单（在给定更改域名的情况下更容易部署）：

    for (var i= document.links; i-->0;) if (document.links[i].hostname===location.hostname) $(document.links[i]).addClass('internal');