如何检查div是否具有特定值的某个css属性？

Question

我想询问是否可以签入JQuery，如果div具有某个属性并且具有特定值。所以举个例子：

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

我需要检查div foo是否具有css属性width，以及它是否具有值100%。

我能做些什么才能实现这个目标？

Answer 1

如果您尝试根据内联样式属性选择元素，则可以使用属性包含选择器，但如果在防御中有额外空间，则可能会失败。

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%" />