J'essaye de sélectionner le H2 qui contient le plus de caractères, ou qui est le plus large en largeur, quel que soit le plus simple, ou si vous savez Pour ce faire, pourriez-vous mettre les deux? Je ne suis pas sûr de la syntaxe.Jquery: Obtenir la largeur du H2 qui contient le plus de caractères/est le plus long
Répondre
Pour obtenir le pixel le plus large, vous pourriez juste boucle si genre d'abus de la fonction .width()
, par exemple:
var cw = 0, widest;
$("h2").width(function(i, w) { if(w > cw) {widest = this; cw = w;} return w; });
//widest == widest h2 element
//$(widest).addClass("widest");
You can test it out here. A l'intérieur de cette fonction w
est la largeur actuelle, donc nous voyons juste si elle est plus large que notre largeur actuelle, et si oui, la largeur actuelle est la plus large et widest
à l'actuelle <h2>
qui était plus large que la largeur précédente .
Vous pouvez faire quelque chose de similaire pour le nombre de caractères utilisant .text()
:
var cw = 0, widest;
$("h2").text(function(i, t) { if(t.length > cw) {widest = this; cw = t.length;} return t; });
$(widest).addClass("widest");
Ils sont tous les deux assez similaires, vous devrez parcourir chacun d'eux et vérifier chaque longueur ou largeur. Quelque chose comme
var maxWidth = 0;
function getLongest(){
var elementWidth,
domNode;
$("h2").each(function(i, element){
elementWidth = $(element).width();
if (elementWidth > maxWidth){
domNode = element;
maxWidth = elementWidth;
}
}
return domNode;
}
Vous pouvez remplacer $(element).width()
pour $(element).text().length
et renommer vars de façon appropriée.
Notez que si 2 éléments ont exactement la même largeur, cela sélectionnera seulement le premier.
$(document).ready(function() {
var longestH2 = null;
$("h2").each(function(k, v) {
if ($(v).width() > $(longestH2).width() || longestH2 == null) longestH2 = v;
});
$(longestH2).css("border", "3px solid red");
});
- 1. cookie le plus long
- 2. Le plus long élément du tableau
- 3. jQuery le plus proche();
- 4. Le plus long préfixe palindrome
- 5. le plus long préfixe correspondant
- 6. Le chemin le plus long dans le code Java
- 7. Ajout successif de char pour obtenir le mot le plus long du dictionnaire
- 8. Quel composant Delphi contient le plus d'événements?
- 9. Algorithme pour trouver l'anagramme le plus long
- 10. jQuery obtenir le plus grand nombre de la liste
- 11. le mot de code huffman le plus long
- 12. Création d'un programme pour trouver le chemin le plus long
- 13. SQL: recherche de l'intervalle de date le plus long
- 14. Quel est le moyen le plus robuste pour obtenir la largeur/hauteur de la fenêtre du navigateur en utilisant JavaScript?
- 15. Obtenir le plus haut UIViewController
- 16. Comment trouver le mot le plus long avec python?
- 17. Nant - Obtenir le dossier le plus récent
- 18. jQuery: réglage de la largeur + hauteur plus tard dans FancyBox
- 19. Dynamiquement changer la largeur de div lorsque le contenu est plus sur la charge
- 20. Plus grand que le sélecteur dans jquery?
- 21. JQuery le plus proche() aider
- 22. le point peut-il avoir un historique plus long?
- 23. Split By le plus long CORRESPONDANCE REGEX Substring
- 24. Quel est le framework AJAX le plus simple, le plus réputé et le plus expérimenté?
- 25. Django/SQL: qu'est-ce qui est le plus efficace, plus de colonnes ou plus de tables?
- 26. Traiter un processus plus long dans WCF
- 27. expressions régulières de python, comment extraire le plus long des groupes qui se chevauchent
- 28. jQuery - élément le plus large sur la page
- 29. Comment obtenir le titre de UITabBarItem dans la section Plus?
- 30. Comment trouver le plus long palindrome d'une chaîne donnée?