Étiquette : length

[jQuery] Compter le nombre d’enfants dans chaque parent et ajouter une classe spécifique en fonction du résultat

09/09/2016 / admin

Source : jQuery count number of li’s in each ul.

$.each($('.meganav-level2 .container .row'), function() { var children = $(this).find('> .meganav-level2-item'); var count = children.length; $(this).attr('data-columns', count); if(count == 2){ children.addClass('col-md-6'); } else if(count == 3){ children.addClass('col-md-4'); } else if(count == 4){ children.addClass('col-md-3'); } });

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

$.each($('.meganav-level2 .container .row'), function() {     var children = $(this).find('> .meganav-level2-item');     var count = children.length;     $(this).attr('data-columns', count);       if(count == 2){         children.addClass('col-md-6');     }     else if(count == 3){         children.addClass('col-md-4');     }     else if(count == 4){         children.addClass('col-md-3');     } });

[jQuery] Vérifier qu’au moins une checkbox est sélectionnée

31/05/2016 / admin

var isCheckedCheckbox = $('input[type="checkbox"]:checked'); $('.element').each(function(){ if($(this).find(isCheckedCheckbox).length > 0){ // faire quelque chose si au moins une checkbox est sélectionnée } else { // sinon, faire autre chose } });

1 2 3 4 5 6 7 8 9

var isCheckedCheckbox = $('input[type="checkbox"]:checked'); $('.element').each(function(){ if($(this).find(isCheckedCheckbox).length > 0){ // faire quelque chose si au moins une checkbox est sélectionnée } else { // sinon, faire autre chose } });

[jQuery] Vérifier à l’aide d’une condition l’existence d’une classe dans son code HTML avant d’exécuter un bout de script.

13/08/2013 / admin

// si <div class="ma-classe-2" /> est enfant de <div class="ma-classe-1" />... if (jQuery('div.ma-classe-1 div.ma-classe-2')[0]){ // ...alors fais ce qui est demandé ici. }

1 2 3 4

// si <div class="ma-classe-2" /> est enfant de <div class="ma-classe-1" />... if (jQuery('div.ma-classe-1 div.ma-classe-2')[0]){      // ...alors fais ce qui est demandé ici. }

ou mieux :

// si <div class="ma-classe" /> est présent... if (jQuery('.ma-classe').length){ // ...alors fais ce qui est demandé ici. }

1 2 3 4

// si <div class="ma-classe" /> est présent... if (jQuery('.ma-classe').length){      // ...alors fais ce qui est demandé ici. }