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
Jquery animate - Conseils pratiques -Javascript
Jquery diaporama - Forum Javascript / DHTML
Jquery xml ✓ - Forum Javascript / DHTML
Jquery ajax ✓ - Forum Javascript / DHTML

2 réponses

Réponse 1 / 2

jordane45 Messages postés 37865 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 8 décembre 2023 343
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

Discussions similaires

jquery nombre d'options d'un select

[JQuery]Datatable problème avec la création de bouton

DIAPORAMA ALÉATOIRE AVEC TIMER

test if dans une affectation

Condition if avec or.

Votre réponse

Discussions similaires