语法错误，无法识别的表达式：$ {languageLabel}

Question

控制台给我一个错误，而试图更改JavaScript模板表达的textnode的文本值即${foo}

的js

  // this.textContent here gives ${languageLabel} 
      var variable = UI.patternMatch(textNodes_elRef); 
      $(variable).nodeValue ="language"; 
     }); 


patternMatch : function(textNode) { 
    var templateRegex = /\${([\S\s]*?)\}/g; 
    return $(textNode).contents().filter(function() { 
     if($(this.textContent).match(templateRegex)){ 
      // ** How do i return the textnode with only matched pattern** 
     } 

所以总结基本上我想改变$ {languagelabel}的textnode的textValue为语言，但我得到的错误为**语法错误，无法识别的表达式：$ {languageLabel} **

Answer 1

您可以只需存储对循环后匹配并返回的textNode实例的引用，并且不必仅使用jQuery来修改textNode的nodeValue属性。以下是一个示例http://jsfiddle.net/LAud7/。

function patternMatch(el) { 
    var templateRegex = /\${([\S\s]*?)\}/g, 
     nodeFound; 

    $(el).contents().each(function() { 
     if (templateRegex.test(this.nodeValue)) { 
      nodeFound = this; 
      return false; 
     } 
    }); 

    return nodeFound; 
} 

patternMatch($('#test')).nodeValue = 'replaced content'; 

请注意，使用这种方法，如果包含textNode${...}包含其它文字以及，它不会产生预期的结果，因为所有的文字将被替换，所以你需要确保的是，${...}包含在它自己的textNode中。