Ajouter du CSS via jQuery

Je ne sais pas jQuery très bien, donc je ne sais pas comment ajouter des CSS inline.
C'est mon code:

<div class="gm-style-iw" style="top: 9px; position: absolute; left: 15px; width: 23px;">
 <div style="display: inline-block; overflow: hidden; max-height: 330px; max-width: 176px;">
  <div style="overflow: auto">
   <div id="iw-container">
   </div>
  </div>
 </div>
</div>

Je veux changer la max-width de deuxième div et ajouter overflow: none à la div au-dessus de #iw-container.

J'ai essayé ceci mais ça ne fonctionne pas:

var iwOuter = $('.gm-style-iw');
iwOuter.children().css({max-width:'250px !important'});
iwOuter.children().children().css({overflow:'none'});

MODIFIER je veux personnaliser l'infowindow Google et pour moi, c'est important de changer la valeur de max-width et dépassement de.... je pense que votre code ne sont peut-être bonnes, mais je ne comprends pas pourquoi ne pas travailler...

InformationsquelleAutor Mapsism Borja | 2015-04-27
  1. 7

    En jQuery vous pouvez faire quelque chose comme ceci:

    $('.gm-style-iw > div').css('max-width', "250px !important");
$('#iw-container').parent().css('overflow', 'none');//css wasn't valid here

    À l'aide de > div signifie qu'il obtient le premier div seulement, si vous voulez tous les divs pour avoir un max-width, utilisation:

    $('.gm-style-iw').children().css('max-width', "250px !important");

    À l'aide de la .parent() fonction signifie qu'il ne reçoit que le parent de l'élément sélectionné. C'est plus propre et plus facile à lire et plus court à écrire.

    • je ne comprends pas car ne fonctionne pas 🙁
    • .example > div ne sélectionnez pas la première div seulement. Il sélectionne tous les div's qui sont immédiats des enfants de .example.
    • Je sais, mais toujours ne fonctionne pas..... désolé
    • la façon dont les divs imbriqués rend le > réellement faire ce qu'il est censé
    • Je peux voir que c'est ce qu'il est censé le faire, mais l'objectif déclaré de ce sélecteur est trompeuse.
    InformationsquelleAutor Albzi
  2. 0
    $(".gm-style-iw div:first-child").css( "max-width", "100px");   
$("#iw-container").parent().css("overflow","none");
    • ne fonctionne pas :/ avec votre code, max-width est ajouté au troisième div...
    • Je suis assez certain que vous avez fait quelque chose de mal, car il n'y a pas de chemin le code ci-dessus permettrait d'ajouter un troisième div par lui-même. Il semble que vous n'êtes pas assez expérimenté pour travailler avec le code que vous avez maintenant. Pourquoi n'essayez-vous pas aller sur les bases de HTML / CSS et jQuery à nouveau et commencer par des choses les plus simples? Le codage n'est pas appris en 1 jour. J'ai ajouté quelques liens vers des tutoriels dans mon commentaire précédent qui doit être en mesure pour vous aider à obtenir commencé.
    • j'ai posté, vous seul le code de google maps, je veux personnaliser l'InfoWindow, et je sais que la seule façon (dans mon cas) c'est de changer de max-width et de débordement. Je dois le changer, parce que via mobile le infoWindow n'est pas rendu. Je suis d'accord avec vous que je ne connais pas jquery... mais j'ai posté uniquement le code de google maps. ce n'est pas mon code... en plus de votre exemple est le SEUL qui a changé somethinghs dans mon code.
    • Bien que le code ci-dessus ne fait que 2 choses: Changer le max-width et modifier le overflow, tout comme vous l'avez demandé. Il ne fait rien d'autre. Si il a fait quelque chose d'autre, alors cela signifie que vous avez utilisé le code de mal. Aussi, je suis désolé de le dire mais le codage n'est pas juste "copier-coller" le code que vous avez trouvé en ligne. Si vous ne comprenez pas le code que vous utilisez, ne pas attendre que les autres à résoudre votre problèmes. Le premier problème qui doit être résolu est de vous apprendre comment le code fonctionne.
    • Sur une note, vous venez de copier-coller l'intégralité de la réponse, y compris la 1. et 2. numéros? Si oui c'est probablement ce qui s'est passé.
    • LOL XD je ne suis pas bon programmeur seulement avec jquery
    • pourquoi votre code pour ajouter max-largeur au troisième div et pas au deuxième div ? qu'en pensez-vous?
    • Bien voulez-vous devenir un bon programmeur alors, ou pas?
    • Cette réponse est incorrecte, en raison de la structure imbriquée tous les divs sont le premier enfant de leur parent. Ce serait la cause de la max-width être appliqués à tous les divs à l'exception de celui de l'extérieur.
    • Oui @Stephan Muller ! Et où est la bonne réponse?

    InformationsquelleAutor captainsac