2014-08-28 155 views
-4

對於應用CSS應用CSS「!重要」,我們需要的,因爲下面的代碼是不是在IE8和IE9支持,能夠使用目前循環最佳方式使用jQuery

$('.YourClass').css('width','100px !important');

我上來以下解決方案這在所有瀏覽器(IE瀏覽器測試8 - 11,Chrome瀏覽器,Firefox和Safari瀏覽器運行在Windows機器上)

$('.YourClass').each(function(){this.style.setProperty('width', '100px', 'important')});

優點:

  1. 避免檢查現有財產聲明。
  2. 無需附加您的css代碼。
  3. 無需循環使用循環。
  4. 可以在不使用'!important'的情況下使用相同的功能。所以不需要爲了相同的目的而使用兩種不同的功能。
  5. 不會通過各種方式覆蓋現有的內聯樣式聲明,如設置'樣式'屬性。

我們可以使這個解決方案更好嗎?

+0

現在的問題是修改......希望這將有助於消除非贊成票 – 2014-09-01 14:12:35

回答

2

您不需要遍歷所有元素。你可以簡單地設置CSS:

$('.YourClass').css('width','100px !important'); 
+0

它不會在所有的瀏覽器...尤其是IE8和IE9的工作......這爲什麼style.setProperty進來圖片 – 2014-09-01 13:30:33

+0

@ParvejSolkar:你是什麼意思? – 2014-09-01 13:36:09

+0

剛剛編輯問題 – 2014-09-01 13:41:59