Discussion :

[olbouss]

Bonjour

Comment récupérer avec jquery la somme des largeurs des div de classe '.bt' ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('.bt').siblings('.bt').width()

renvoie un résultat mais qui ne correspond pas.

Si vous avez une idée !

[olbouss]

#menuH étant le conteneur des .bt0

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var nbrChildren = $('#menuH').children().size() ;
var totWidth = 0 ;
 
for ( var i = 0 ; i < nbrChildren  ; i++ ) {
   totWidth += $('.bt0').slice(i, i+1).width() + 16 ; // 16 = padding
}

en ajoutant 16 à chaque fois pour le padding

Si quelqu'un a mieux...

[marcha]

Salut,

Une variante de quelque chose dans ce goût là

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
var w = 0;
$('.bt').siblings('.bt').each( function() { w += $(this).width(); });

[danielhagnoul]

en ajoutant 16 à chaque fois pour le padding

Si quelqu'un a mieux...

Attention il y width() mais aussi innerWidth() et outerWidth()
Voir la documentation jQuery

Essayer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$('#menuH').children("div.bt").each(function(i, item) { 
    w += $(item).outerWidth(); 
});

[olbouss]

Merci pour les infos.

Le plus simple dans mon cas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
var totWidth = 0 ;
$(".bt").each( function() { totWidth += $(this).outerWidth() ; });