IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

jQuery remove href


Sujet :

jQuery

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Webdesigner
    Inscrit en
    Mars 2016
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Webdesigner

    Informations forums :
    Inscription : Mars 2016
    Messages : 3
    Par défaut jQuery remove href
    Bonjour, je suis vraiment nul pour le jquery.
    Bon je me lance, voici mon bon de code html:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div class="keremiya">
    <a href="#" target="1"><span>TEXTE 1</span></a>
    <a href="#" target="2"><span>TEXTE 2</span></a>
    <a href="#" target="3"><span>TEXTE 3</span></a>
    </div>

    Ce que je veut faire c'est quand je clique sur "TEXTE 2" y supprimer "<a href="#" target="2"></a>" mais garder "<span>TEXTE 2</span>, je sais pas si c'est possible, j'ai essayé .remove mais bon j'y suis pas arrivé...
    Merci de votre aide !

  2. #2
    Membre Expert

    Homme Profil pro
    développeur
    Inscrit en
    Octobre 2013
    Messages
    1 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : développeur

    Informations forums :
    Inscription : Octobre 2013
    Messages : 1 583
    Par défaut
    Bonjour, as tu compris l'exemple de la doc? https://api.jquery.com/remove/

  3. #3
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    C'est plus complexe qu'un simple 'remove'.

    Il faut sélectionner le contenu du lien (TEXTE 2) avec la méthode contents, puis son parent (span) avec la méthode parent et seulement ensuite éliminer le lien a avec la méthode unwrap.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div class="keremiya">
      <a href="#" target="1"><span>TEXTE 1</span></a>
      <a href="#" target="2"><span>TEXTE 2</span></a>
      <a href="#" target="3"><span>TEXTE 3</span></a>
    </div>

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    $( 'a', '.keremiya' ).on( 'click', function( ev ){
      ev.preventDefault();
     
      $( ev.target ).contents().parent().unwrap()
    });

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  4. #4
    Futur Membre du Club
    Homme Profil pro
    Webdesigner
    Inscrit en
    Mars 2016
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Webdesigner

    Informations forums :
    Inscription : Mars 2016
    Messages : 3
    Par défaut
    Merci de ta réponse je vais essayer ça de suite.
    C'est exactement ce que je voulais, merci beaucoup, je voudrais qu'il execute le a href="" avant et le supprimer aprés et, en cliquant sur
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" target="1"><span>TEXTE 1</span></a>
    et
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" target="1"><span>TEXTE 2</span></a>
    en dernier, rajouter le a href
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" target="1"><span>TEXTE 1</span></a>
    Merci de ton aide précieuse!

  5. #5
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Pour conserver l'action du clic par défaut il faut supprimer ev.preventDefault();.

    Pour le reste, je ne comprends pas et la logique de la chose m'échappe.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  6. #6
    Futur Membre du Club
    Homme Profil pro
    Webdesigner
    Inscrit en
    Mars 2016
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Webdesigner

    Informations forums :
    Inscription : Mars 2016
    Messages : 3
    Par défaut
    Pour le "ev.preventDefault();" ça a bien marché, merci beaucoup.
    Regarde: http://free-stream.tv/test.php | Je veut faire en sorte que quand on clique en premier temps sur "PLAYER 1" et en deuxième temps sur "PLAYER 2", rajouter "<a href="#" target="seriePlayer">" devant PLAYER 1

  7. #7
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Le lien semble avoir des problèmes.

    L'inverse de la méthode unwrap() c'est la méthode wrap().

    Mais la finalité de la chose m'échappe toujours, car pour ouvrir ou fermer un gestionnaire d'événement il existe les méthodes on() et off(). Pour gérer une seule occurrence d'un événement, il y a la méthode one().

    Vous devriez étudier toutes les méthodes de l'API jQuery avant de vouloir faire des choses complexes.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. Ouvrir nouvelle fenetre avec Jquery / data-href
    Par lounou dans le forum jQuery
    Réponses: 1
    Dernier message: 05/02/2016, 13h55
  2. Jquery, saut de ligne et remove
    Par Sebphilou68 dans le forum jQuery
    Réponses: 2
    Dernier message: 19/09/2012, 14h29
  3. Accordeon Jquery Href non reconnu
    Par Aiglon13 dans le forum jQuery
    Réponses: 3
    Dernier message: 08/03/2012, 12h12
  4. Jquery : length et remove
    Par saluts92b dans le forum jQuery
    Réponses: 1
    Dernier message: 31/10/2011, 17h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo