jQuery remplacer le texte en utilisant replaceText et variable

Question

j'ai essayé de mettre en œuvre le plugin jQuery replaceText de http://benalman.com/projects/jquery-replacetext-plugin/

Mais rien ne se passe lorsque le code est exécuté.

Merci pour tous les indices. Sincèrement Marek

/** 
* jQuery Plugin replaceText 
**/ 

(function($){ 
$.fn.replaceText=function(b,a,c){ 
    return this.each(function(){ 
     var f=this.firstChild,g,e,d=[]; 
     if(f){ 
      do{ 
       if(f.nodeType===3){ 
        g=f.nodeValue; 
        e=g.replace(b,a); 
        if(e!==g){ 
         if(!c&&/</.test(e)){ 
          $(f).before(e); 
          d.push(f) 
         }else{ 
          f.nodeValue=e 
         } 
        } 
       } 
      }while(f=f.nextSibling) 
     } 
     d.length&&$(d).remove() 
    }) 
} 
})(jQuery); 

/** 
* variable containing content of q variable from google referer 
**/ 

var querywords = "Some+text+from+google%20referer"; 

/** 
* function for replace each word from body with its "marked" version 
* that is after handled by css propetry for "mark" element 
**/ 

$(document).ready(function () { 
if(window.querywords !== undefined){ 
    var qw = window.querywords.replace('%20','+'); 
    qw = qw.replace(' ','+'); 
    var splited = qw.split("+"); 
    for(var q in splited){ 
     $('body :not(textarea)').replaceText(/\bsplited[q]\b/gi, '<mark>$1</mark>'); 
    } 
} 
}); 

Answer 1

Au lieu d'essayer d'utiliser la variable directement dans le regex comme ceci:

$('body :not(textarea)').replaceText(/\bsplited[q]\b/gi, '<mark>$1</mark>'); 

Vous devez construire l'expression régulière de la chaîne, comme ceci:

$('body :not(textarea)').replaceText(new RegExp("\\b("+splited[q]+")\\b","gi"),'<mark>$1</mark>'); 

Il y a aussi quelques autres problèmes, par exemple une boucle for...in sur un tableau, dans l'ensemble, vous voulez qu'il ressemble à ceci:

$(document).ready(function () { 
    if(window.querywords !== undefined){ 
     var qw = window.querywords.replace('%20','+'); 
     qw = qw.replace(' ','+'); 
     var splited = qw.split("+"); 
     for(var q=0; q<splited.length; q++){ 
      $('body :not(textarea)').replaceText(new RegExp("\\b("+splited[q]+")\\b","gi"),'<mark>$1</mark>'); 
     } 
    } 
}); 

Ou, un peu plus compact:

$(function() { 
    if(window.querywords === undefined) return; 
    var qw = window.querywords.replace(/%20| /,'+').split("+"); 
    for(var q=0; q<qw.length; q++){ 
    $('body :not(textarea)').replaceText(new RegExp("\\b("+qw[q]+")\\b","gi"),'<mark>$1</mark>'); 
    } 
}); 

You can test it out here.