Supprimer le texte spécifié dans jquery

JQuery est une bibliothèque JavaScript efficace, rapide et simple, qui peut nous aider à gérer plus facilement les opérations DOM, le traitement des événements, les effets d'animation, etc. Au cours du processus de développement, nous rencontrons souvent des situations dans lesquelles nous devons supprimer le texte spécifié du texte. Cet article explique comment supprimer le texte spécifié dans JQuery.

1. Utilisez la méthode replace

La méthode replace dans JQuery peut être utilisée pour remplacer certains caractères dans une chaîne. Nous pouvons utiliser cette méthode pour supprimer le texte spécifié en utilisant Regular. L'expression correspond aux caractères à supprimer. Le code spécifique est le suivant :

var str = "hello world";
var newStr = str.replace(/world/g,'');
console.log(newStr); //输出"hello "

Dans le code ci-dessus, nous devons utiliser la méthode replace pour supprimer "world" de la chaîne "hello world". Nous utilisons une expression régulière enveloppée entre le paramètre ///g pour représenter une correspondance de portée globale. La sortie finale de newStr est "bonjour". De cette façon, nous pouvons facilement supprimer le texte spécifié si nécessaire.

2. Utilisez la méthode texte de JQuery

La méthode texte est une méthode de l'objet JQuery qui est utilisée pour définir ou renvoyer le contenu textuel d'un élément donné, qui est InnerText . Nous pouvons utiliser la méthode text pour supprimer le texte spécifié. Le code spécifique est le suivant :

var str = "hello world";
var newStr = $('body').text(function(){
    return $(this).text().replace(/world/g,'');
}).text();
console.log(newStr); //输出"hello "

Dans le code ci-dessus, nous devons utiliser la méthode text pour supprimer tout le contenu textuel de la page Web, puis utiliser la méthode replace pour supprimer "world" , et enfin définir le nouveau contenu du texte. Retournez au document. La sortie finale de newStr est "bonjour". Dans cette méthode, nous pouvons parcourir tout le texte et supprimer de manière flexible le texte spécifié.

3. Filtrer les éléments via la méthode de filtrage

La méthode de filtrage est une méthode de l'objet JQuery. Elle peut filtrer les éléments qui répondent à des règles spécifiques. pour supprimer un mot spécifique. Le code spécifique est le suivant :

var str = "hello world";
var newStr = $("body").contents().filter(function(){
    return this.nodeType == 3 && this.nodeValue.indexOf("world") >= 0;
}).each(function(){
    this.nodeValue = this.nodeValue.replace(/world/g,'');
});
console.log(str); //输出"hello"

Dans le code ci-dessus, nous devons utiliser la méthode filter pour filtrer tous les nœuds de texte et les nœuds contenant le caractère "world". Pendant le processus de filtrage, nous obtenons la valeur du nœud de texte via l'attribut nodeValue, puis utilisons la méthode replace pour supprimer "world", et enfin réattribuons le contenu textuel du nœud de texte modifié à l'attribut nodeValue. La chaîne de sortie finale est « bonjour ». Dans cette méthode, nous supprimons uniquement les nœuds de texte contenant les caractères spécifiés, ce qui est plus rigoureux.

Summary

Cet article présente trois méthodes JQuery pour supprimer le texte spécifié, à savoir en utilisant la méthode replace, en utilisant la méthode text et la méthode filter. Chaque méthode présente ses propres avantages et inconvénients et peut être sélectionnée en fonction des besoins réels. JQuery peut facilement exploiter DOM, améliorant considérablement l'efficacité du développement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!