jQuery Girl
  1. jQuery Girl
  3. Obtenir l’élément le plus large dans un ensemble jQuery
Intereting Posts
utiliser $ (this) dans un appel ajax jquery Bootstrap v4: Marquage réactif de plusieurs types de caractères Afficher une erreur jQuery dataTables dans une ligne (AngularJS) Les fonctions Javascript ne fonctionnent pas dans IE8 lorsqu’elles sont passées en tant que parameters jQuery .on () avec plusieurs sélecteurs dans la délégation d’événements? jQuery: essayer d’obtenir la valeur d’entrée Définissez la position Div sur la position de la souris avec jQuery D3.js défilement graphique à barres Uploadify refuse de télécharger des fichiers WMV, FLV et MP4 Les données JSON changent à chaque actualisation Comment augmenter la hauteur de footerrow dans jqgrid Portée Javascript référençant un object externe jqGrid – Comment puis-je agrandir les boutons de pagination? Mon curseur ne fonctionne pas en mode automatique tipy live ne fonctionne pas avec jQuery 1.9.0

Obtenir l’élément le plus large dans un ensemble jQuery

Disons que j’ai un tas d’éléments avec un contenu de texte différent.

Comment puis-je obtenir le plus large ?

jQuery va bien. Je me soucie seulement d’identifier la scope, pas la valeur de la largeur elle-même.

Une question similaire est ici . Mais ils ne reçoivent que la valeur de la largeur.

Voici comment je commencerais: 

 $('span').each(function(id, value){ if ($(this).width() > w) { largestSpan = id; } }); 

 var maxWidth = 0; var widestSpan = null; var $element; $("span").each(function(){ $element = $(this); if($element.width() > maxWidth){ maxWidth = $element.width(); widestSpan = $element; } });

Utilisation de jQuery pour identifier la plus grande étendue dans une div: 

 var oSpan; // Container object for loop item var oWidest; // Container object for current widest in loop var nWidth = 0; // Int to store current span width var nWidest = 0; // Int to contain widest items width var aWidest = []; // Array to contain multiple matching spans // Call each function on spans within div $('#divContainer span').each(function(nIndex) { // Set reference to current span to avoid multiple calls per iteration oSpan = $(this); // Set current width to avoid multiple calls per iteration nSpanWidth = oSpan.width(); // Compare current width to widest width if (nSpanWidth == nWidest) { // If exact,add to array and set current widest items aWidest.push(oSpan); oWidest = oSpan; nWidest = nSpanWidth; } else if( nSpanWidth >= nWidest ) { // If wider, reset array and set current widest item oWidest = oSpan; nWidest = nSpanWidth; aWidest = [].push(oWidest) } else { } // Move along short stuff. });