語法錯誤，無法識別的表達式：$ {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中。