jQuery contient un sélecteur et un caractère spécial

Question

J'ai un peu de mal à utiliser jQuery contient un sélecteur; Considérez le html et jquery suivants pour vérifier si un élément contient du texte certain.

Par exemple HTML:

<div>welcome :)</div> 

jQuery Javascript:

$('div:contains("welcome :)")').length 

Si je lance le code JS ci-dessus pour que le HTML. Il ne renvoie pas 1 comme il se doit.

Cependant, les travaux suivants comme prévu

$('div:contains("welcome")').length 

Toute suggestion comment accueillir des caractères spéciaux comme des crochets ou des deux-points, etc?

Answer 1

Je pense que cela peut être dû aux caractères d'échappement utilisés dans le sélecteur JQuery. Vous pouvez utiliser le caractère '\' avant les caractères d'échappement comme ':' pour résoudre le problème. Aussi pour l'approche générale ci-dessous la fonction peut être utilisée.

function jqescape(str) { return str.replace(/[#;&,\.\+\*~':"!\^\$\[\]\(\)=>|\/\\]/g, '\\$&'); } 

J'ai essayé pour ci-dessous l'expression, il m'a donné de résultat comme prévu:

$('div:contains("welcome \:")').length