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中不起作用

回答

相關問題