Добавить встроенный CSS через jQuery

Question

Я не знаю jQuery очень хорошо, поэтому я не знаю, как добавить CSS в строку. Это мой код:

<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> 

Я хочу изменить max-width второго DIV и добавить overflow: none в DIV выше #iw-container.

Я попытался это, но он не работает:

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

EDIT я хочу, чтобы настроить InfoWindow Google, и для меня очень важно, чтобы изменить значение максимальной ширины и переливом .... я думаю что ваш код может быть хорошо, но я не понимаю, почему не работает ...

Answer 1

В JQuery вы можете сделать что-то вроде этого:

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

Использования > div означает, что он получает первый DIV только, если вы хотите, чтобы все div s иметь max-width, использования:

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

Использование функции .parent() означает, что он получает только родитель выбранного элемента. Это чище и легче читать и короче писать.

Answer 2

$(".gm-style-iw div:first-child").css("max-width", "100px"); 
$("#iw-container").parent().css("overflow","none");