Problème de condition jQuery [Résolu]

greg3487 17 Messages postés dimanche 20 septembre 2015Date d'inscription 11 février 2016 Dernière intervention - 11 févr. 2016 à 15:38 - Dernière réponse : greg3487 17 Messages postés dimanche 20 septembre 2015Date d'inscription 11 février 2016 Dernière intervention
- 11 févr. 2016 à 18:30
Bonjour,

Je suis sur un devoir en jQuery, je trouve pas pourquoi le if est pas accessible, j'ai essayé ("ok", 'ok', ok), de manière a re faire disparaître la div

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <style>
      body {
        margin: 0;
      }
      #gauche {
        float: left;
        width: 70%;
        height: 1000px;
        background-color: #EFECCA;
      }
      #droite {
        background-color: #CEFFF8;
        height: 1000px;
        padding : 10px;
        padding-left: 71%;
      }
        
        #insertion {
            margin-top: 20px;
        }
    </style>
  </head>
  <body>
    <div id="gauche">
    </div>
    <div id="droite">
      Utilisez ces boutons pour créer votre formulaire<br><br>
      <button>Label</button>
      <button>Zone de texte</button>
      <button>Bouton</button>
    </div>
    <script src="https://code.jquery.com/jquery-3.0.0-alpha1.js"></script>
    <script>
        $(function() {

            $('<div id="insertion"></div>').appendTo($('#droite'));
            $('<label for=""></label>').appendTo($('#insertion'));
            $('<input type="text" id="text"></input>').insertAfter($('label'));
            $('<button id="envoi">ok</button>').insertAfter($('input'));
            $('#insertion').hide();

            var selectbutton = ($('button')); 
            selectbutton.click(function() {
                console.log(this.firstChild);
                if (this.firstChild === "ok") {
                    var submit = $('#insertion');
                    submit.hide();
                    console.log("tous est ok");
                }
                else {
                    $('#insertion').show();
                    var alemacti = this.firstChild;
                    $('label').replaceWith('<label>' + alemacti.nodeValue + '</label>');
                    console.log(alemacti.nodeValue);
                    var testif = $('button');
                }
            }); 
        });
    </script> 
  </body>
</html>


Merci par avance de vos réponse.
Afficher la suite 

2 réponses

Répondre au sujet
jordane45 19446 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 28 décembre 2017 Dernière intervention - Modifié par jordane45 le 11/02/2016 à 16:25
0
Utile
Bonjour,

Ton console.log t'affiche :
<TextNode textContent="ok">


Cela aurait du te mettre la puce à l'oreille....

Il faut donc que tu utilises:
this.firstChild.textContent


Cordialement, 
Jordane                                                                 
Commenter la réponse de jordane45
greg3487 17 Messages postés dimanche 20 septembre 2015Date d'inscription 11 février 2016 Dernière intervention - 11 févr. 2016 à 18:30
0
Utile
merci
Commenter la réponse de greg3487

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.