jQuery代码在Google Chrome中不起作用

-2

以下是我的HTML结构。我想在第4个孩子的div添加CSS代码jQuery代码在Google Chrome中不起作用

<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中。请帮助

来源

2016-11-16 user3508844

它甚至不应该在FF中工作。 'css（“cssText”，“display：none！important;”）'应该是'css（“display”，“none”）' – j08691

不要'.css（“cssText”，...）'。正确使用它：'.css（“display”，“none”）'。 –

@MikeC'.css（）'不会接受'！important' – j08691

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

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

来源

2016-11-16 20:04:39

jQuery代码在Google Chrome中不起作用

回答

相关问题