通过 jQuery 添加内联 CSS

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>

我想更改第二个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 的值很重要......我认为你的代码可能很好，但我不明白为什么不起作用...

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，如果您希望所有divs 都有一个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");