• logo categorie

    Comment envelopper du contenu HTML en jQuery ?


    Salut !

    Est-il possible d'envelopper du contenu HTML avec une autre balise par exempe ?

    Merci !
    Webmasters - Développement web
    HTML / DHTML / XHTML
    JavaScript
    jQuery
    HTML
    utilisateur
    Zirac
    Posté le : 12 Septembre à 10:34
    35 640 vues

  • 1
    Dalanir
    Posté le : 12 Septembre à 10:41
    Bien le bonjour !

    Si j'ai bien compris ta question, ce sont les méthodes wrap() et wrapInner() qui seront à utiliser ici.

    Par exemple :

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8" />
    	<title>Test</title>
    	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    </head>
    <body>
    	<span id="span1">Salut tout le monde !</br></span>
    		<script type="text/javascript">
    		$("#span1").wrap("");
    		$("#span1").wrapInner("");
    		</script>
    </body>
    </html>


    Explications : Notre structure HTML ressemblera donc à ça :


    <span id="span1">


    </span>


    Avec wrap(), on mis les balises autour du <span></span> alors qu'avec wrapInner(), on met les balises à l'intérieur. Dans l'exemple, le fait que ces balises soit à l'intérieur ou à l'extérieur n'y change rien en fait, mais dans d'autres cas, si par exemple on appliquer sur tous les span d'une page et que sur des span en particulier, l'utilisation de wrap et wrapInner serait idéales.

    Voilà, à bientôt !
  • ⇒ Si vous êtes ici c'est que le sujet vous intéresse ^^
    Inscrivez-vous sur Oyant, apportez votre contribution sur ce sujet et gagnez de l'argent :

    Inscription
    Répondre
  • logo categorie

    Comment insérer du contenu HTML avant ou après une balise en jQuery ?

    Hello !

    Peut-on insérer une balise, ou ne serait ce que du texte, avant ou après une balise choisie en jQuery ?

    Je vous remercie d'avance pour vos réponses !
    HTML / DHTML / XHTML
    JavaScript
    jQuery
    HTML
  • logo categorie

    Comment ajouter du texte dans des balises HTML sans supprimer l'ancien contenu avec jQuery ?

    Bonjour,

    J'aimerais rajouter du texte dans une de mes balises, à la suite ou avant le contenu qu'il y a déjà de base, sans le supprimer. Est-ce possible avec jQuery ?

    Merci !
    Webmasters - Développement web
    HTML / DHTML / XHTML
    JavaScript
    jQuery
    HTML
  • logo categorie

    Comment remplacer une balise et son contenu en jQuery ?

    Hello !

    J'aimerais savoir comment remplacer toute une balise, donc avec son contenu, par une toute autre balise en jQuery.

    Merci !
    Webmasters - Développement web
    JavaScript
    jQuery
  • logo categorie

    Quelle est la différence entre les méthodes text() et html() en jQuery ?

    Salut !

    Je n'ai pas bien saisi la différence entre les méthodes text() et html() de jQuery. Quelqu'un pourrait-il me l'expliquer clairement ?

    Merci d'avance !
    JavaScript
    jQuery
    text()
    html()
  • logo categorie

    Eviter le mal de dos

    Bonjour
    Comment éviter le mal de dos, s'il vous plaît?
    Abdomen et bassin
    Dos
    Mal
  • logo categorie

    Supprimer les brûlures d’estomac

    Bonjour
    Que dois-je faire pour supprimer les brûlures d’estomac?
    Santé
    Estomac
    Brûlures
  • logo categorie

    Garder mon ventre plat

    Bonjour
    Que dois-je faire pour garder mon ventre plat?
    Beauté et Mode
    Ventre plat
    Corps
  • logo categorie

    Dégonfler mes yeux

    Bonjour
    Comment dégonfler mes yeux, s'il vous plaît?
    Visage
    Dégonfler
    Yeux
  • logo categorie

    Lentille de contact est tombée sur le sol

    Bonjour
    Une lentille de contact est tombée sur le sol, que dois-je faire pour la trouvée?
    Beauté et Mode
    Lentille
  • logo categorie

    Avoir des yeux bien maquillés

    Bonjour
    Comment avoir des yeux bien maquillés?
    Visage
    Yeux
    Maquillage
  • logo categorie

    Colorer mes cheveux au naturel

    Bonjour
    Avez-vous une idée pour colorer mes cheveux au naturel?
    Coiffures
    Colorer
    Cheveux
    Naturel
  • logo categorie

    Nettoyer mes lunettes

    Bonjour
    J'ai besoin d'une astuce pour nettoyer mes lunettes?
    Beauté et Mode
    Lunette
    Nettoyer
    Astuce
  • logo categorie

    Rouge à lèvres qui ne file pas

    Bonjour
    J'ai besoin d'une astuce pour un rouge à lèvres qui ne file pas.
    Visage
    Rouge à lèvres
    Visage
  • logo categorie

    Nettoyer le cuir

    Bonjour
    Comment nettoyer le cuir, s'il vous plaît?
    Vie pratique
    Cuir
    Nettoyer
  • logo categorie

    Taches de peinture sur ma peau

    Salut
    Avez vous une astuce pour ôter les taches de peinture sur ma peau?
    Beauté et Mode
    Tache
    Peinture
    Peau
  • logo categorie

    Masque pour mes cheveux secs et abîmés

    Bonjour
    Les filles, j'ai besoin d'un masque maison pour mes cheveux secs et abîmés?
    Coiffures
    Masque
    Cheveux
    Sec
    Abîmé
  • logo categorie

    Rendre mes lèvres moelleuses

    Bonjour
    Que dois-je faire pour rendre mes lèvres moelleuses?
    Visage
    Lèvres
    Moelleuses
  • logo categorie

    Les poches sous mes yeux

    Bonjour
    Que dois-je faire pour les poches sous mes yeux?
    Visage
    Poche
    Yeux
  • logo categorie

    Enlevez du chewing-gum de mon pantalon

    Bonjour
    Comment enlevez du chewing-gum de mon pantalon?
    Beauté et Mode
    Chewing-gum
    Pantalon
  • logo categorie

    Comment modifier de l'HTML avec jQuery ?

    Bonjour,

    Comme dit dans la question je cherche à modifier du HTML avec du jQuery, comment cela se passe-t-il ?

    Merci
    JavaScript
    jQuery
    HTML
  • Veuillez vous connecter pour profiter pleinement de toutes les fonctionnalités de Oyant.
    Connexion
    Inscription

    Poster une question

    AnimauxApplicationsArnaquesAutres langagesBases de donnéesBeauté et ModeC et C++Cartes de voeux, lettres, poèmes et discoursCMS (Système de gestion de contenu)CollectionCuisineCultureDémarches administrativesDivertissementDotnetDroitEmploiEmploi et études en informatiqueEnseignementEntrepriseEnvironnementEvénementsFinanceGénéral développementImmobilier, logement et urbanisme    JavaLanguesLogicielsMétiersNouvelles technologiesPHPPrestations socialesRéservé aux adultesSantéSportSystèmesTransportsVie pratiqueWebmasters - Développement web 3.066 Utlisateurs parcourent Oyant en ce moment