Filtrer le contenu html généré par le CMS avec jQuery

jquery

La plupart du temps, les CMS génère les contenus, pas forcement adapté à notre besoin, du point de vue sémantique (les balises utilisées)

Etant développeur front end , on a pas forcement les compétences d’entrer dans les codes PHP et surtout pas dans les modules.

Cependant, nos clients ou le chef de projet ne peuvent pas toujours comprendre, du coup on sera forcé et on aura besoin d’altérer du code html généré à l’aide des fonctions javascript ou plus précisément avec Jquery pour aller plus vite.

Par exemple, enlever les balises html d’un DOM (Document Object Model) ou d’un élément particulier est une tâche que je peut souvent accomplir avec jQuery.

Nous allons commencer par la structure initiale d’une collection de liens se trouvant chacun dans une balise span, comme ceci:

On va utiliser cette structure avec 2 types d’exemples

Exemple 1 : RETIRER TOUTES LES BALISES HTML CONTENUES DANS LE DIV

Cette partie n’est pas réellement compliquée puisque elle s’applique à un seul élément, on n’a pas besoin de boucler.
Nous changeons la valeur html de div.example par son texte uniquement.

Exemple 2: ENLEVER TOUS LES BALISES A HREF

Nous allons filtrer seulement sur les éléments contenants la classe my_target_link et puisque nous avons affaire à plusieurs éléments nous allons utiliser la fonction jQuery.each() pour boucler le traitement.

Répondre