如何檢查div是否具有特定值的特定css屬性？

Question

我想問是否可以檢查JQuery，如果div有一定的屬性，並且如果有特定的值。所以借這個例子：

<div id="foo" style="width: 100%" /> 

我需要檢查，如果DIV foo有CSS屬性width，如果這有100%值。

我能做些什麼來實現這個目標？

Answer 1

如果您嘗試選擇基於內聯樣式屬性的元素，則可以使用屬性包含選擇器，但當defenition中存在額外空間時，可能會失敗。

if (('#foo[style*="width: 100%"]').length) 
 
    alert('true')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="foo" style="width: 100%" />

---

，以解決空間問題，您可以使用正則表達式與樣式屬性RegExp#test方法。

if (/\bwidth\s?:\s?100%/.test($('#foo').attr('style'))) 
 
    alert('true')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="foo" style="width: 100%" />