Y a-t-il un sélecteur de texte dans jquery?

Question

Y a-t-il un sélecteur de texte dans jquery?

Mon code

<anything>Hello World! Hello World!</anything> 

Reslut doit-elle être (à l'aide Jquery)

<anything>Hello <span>World</span>! Hello <span>World</span>!</anything> 

Answer 1

$('anything').html(function(i, v) { 
    return v.replace(/(World)/g, '<span>$1</span>'); 
}); 

L'extrait ci-dessus utilise la fonctionnalité ajoutée dans jQuery 1.4.

Note: cette solution est sans danger pour les éléments qui ne contiennent que du texte brut (et aucun élément enfant). N ° jQuery travaille principalement avec des éléments et vous donne très peu pour la gestion du texte.

Answer 2

Vous pouvez faire un remplacement regex, etc pour votre cas simple, mais pour une réponse plus générale: pas .

jQuery ne vient fournit pas beaucoup d'aide lorsqu'ils traitent avec des nœuds de texte, il est conçu principalement pour traiter les types de nœuds d'élément (nodeType == 1), pas les types de nœuds de texte (nodeType == 3) ... donc oui vous pouvez l'utiliser où cela aide (par exemple .contents() et .filter()), mais ce ne sera pas souvent puisque ce n'est pas le but principal de la bibliothèque.

Answer 3

Pour effectuer une recherche et un remplacement sur du texte, vous devez vérifier chaque nœud de texte séparément et effectuer les opérations DOM splitText afin de le démonter lorsqu'une correspondance est trouvée. Par exemple:

function findText(element, pattern, callback) { 
    for (var childi= element.childNodes.length; childi-->0;) { 
     var child= element.childNodes[childi]; 
     if (child.nodeType==1) { 
      var tag= child.tagName.toLowerCase(); 
      if (tag!=='script' && tag!=='style' && tag!=='textarea') 
       findText(child, pattern, callback); 
     } else if (child.nodeType==3) { 
      var matches= []; 
      var match; 
      while (match= pattern.exec(child.data)) 
       matches.push(match); 
      for (var i= matches.length; i-->0;) 
       callback.call(window, child, matches[i]); 
     } 
    } 
} 

findText(element, /\bWorld\b/g, function(node, match) { 
    var span= document.createElement('span'); 
    node.splitText(match.index+match[0].length); 
    span.appendChild(node.splitText(match.index)); 
    node.parentNode.insertBefore(span, node.nextSibling); 
});