jQuery 代码在 Google Chrome 中不起作用

Question

下面是我的 HTML 结构。我想在第 4 个子 div 中添加 css 代码

  <div class="amazingcarousel-image">
    <div></div>
     <div></div>
     <div></div>
     <div></div>
  </div>

正常的 CSS 代码如下所示

.amazingcarousel-image div:nth-child(4) {
  display: none !important;
}

我想用jQuery添加上面的CSS，我已经添加了下面的代码

function tinda() {
    jQuery(".amazingcarousel-image div:nth-child(4)").css("cssText", "display: none !important;"); 
}

jQuery(document).ready(function() {
    tinda();
})

问题是这段代码在 Firefox 中运行良好，但在 Chrome 中却不行。请帮忙

Answer 1

function tinda() {
    jQuery(".amazingcarousel-image div:nth-child(4)").addClass('hide'); 
}

.amazingcarousel-image div.hide {
    display: none !important;
}