Problème de condition jQuery

Résolu

greg3487

Messages postés: 17
Date d'inscription: dimanche 20 septembre 2015
Statut: Membre
Dernière intervention: 11 février 2016

- Modifié par greg3487 le 11/02/2016 à 15:58
greg3487

Messages postés: 17
Date d'inscription: dimanche 20 septembre 2015
Statut: Membre
Dernière intervention: 11 février 2016

- 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.

A voir également:

Problème de condition jQuery
Ajax asynchrone jquery - Conseils pratiques - Javascript
Morpion jquery - Guide
Chat php ajax + jquery mysql - Guide
Condition assembleur - Guide
Conditions générales d'utilisation - Articles

2 réponses

Réponse 1 / 2

jordane45

Messages postés: 35765
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 30 juin 2022

358
Modifié par jordane45 le 11/02/2016 à 16:25

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

Réponse 2 / 2

greg3487

Messages postés: 17
Date d'inscription: dimanche 20 septembre 2015
Statut: Membre
Dernière intervention: 11 février 2016

11 févr. 2016 à 18:30

merci

Votre réponse