Si div valeur est égale à '1' en cacher un autre div

J'ai un div qui charge dans le nombre d'images sur chaque page. Par exemple:

<div class="totalimages">1</div>
<div id="arrows">NEXT</div>

Quand j'ai une image, je tiens à cacher la #flèches div. Je ne suis pas très bon avec jQuery, donc je me demandais ce que la syntaxe serait qu'il soit,

SI l' .totalimages div égal à '1' alors CACHER la div #flèches.

Merci!

OriginalL'auteur Laura | 2012-10-29

  1. 8

    Essayez ceci:

    if ($(".totalimages").text() == "1") {
    $("#arrows").hide();
}

    ou en une seule ligne:

    $("#arrows").toggle($(".totalimages").text() != "1");
    Hey! c'est exactement ce que je pensais pourrait fonctionner, mais je viens d'essayer, et quand .totalimages = 2 , c'est encore caché. Aussi est-il de la pâte si elle est <span class="totalimages">?
    Non, ce n'est pas grave si c'est <span>. Sinon, le code devrait fonctionner correctement. Vérifier, peut-être que votre #arrows sont masqués par défaut.
    Je travaille avec le supersized plugin et le réel "1" ne pas s'inscrire dans le code HTML de sorte que le jQuery ne sait pas que dans .totalimages il y a en fait un "1". des idées?

    OriginalL'auteur VisioN

  2. 1

    essayer cette

    if($('.totalimages').html() == 1){
    $("#arrows").hide();
}​

    voici le violon: http://jsfiddle.net/paw5w/15/

    OriginalL'auteur Franky

  3. 0

    Puis-je vous suggérer de-couple de présentation de données? En utilisant le nouveau HTML5-attributs, vous pouvez atteindre cet objectif dans un plus soignée de la mode, sans s'appuyer sur la présentation de vos scripts. Cela vous permet de changer la façon dont vous afficher le nombre total d'images, et encore obtenir le même effet, c'est à dire cacher les flèches:

    <div class="totalimages" data-total-images="1">1</div>
<div id="arrows">NEXT</div>

var totalImages = parseInt($('.totalimages').data('totalImages'), 10);
if(totalImages <= 1) {
  $('#arrows').hide();
}

    Comme vous pouvez le voir, j'ai ajouté un data--attribut, qui contient les données qui vous intéressent. Maintenant, vous pouvez modifier le texte de la totalimages-div si vous voulez sans casser le script:

    <div class="totalimages" data-total-images="15">Showing image 1 out of 15</div>

    OriginalL'auteur PatrikAkerstrand