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 

Votre réponse

2 réponses

jordane45 21438 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 21 juin 2018 Dernière intervention - Modifié par jordane45 le 11/02/2016 à 16:25
0
Merci
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
Merci
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.