Question

我不太了解jQuery，所以我不知道如何添加CSS inline。这是我的代码：

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

我想更改第二个div的max-width并将overflow: none添加到#iw-container上方的div。

我尝试了这个，但它不起作用：

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

编辑我想自定义infowindow Google，对我而言，更改max-width和overflow的值很重要....我认为你的代码可能很好，但我不会＆＃39理解为什么不起作用......

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都拥有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");

通过jQuery添加内联CSS

2 个答案: