JQuery - 如何检查类名是否存在

Question

我想检查样式标签中是否存在类名。

if ($("head > style:eq(2)").hasClass('className')) 
{
  alert('yes');
}

- Peter

---

看起来你的代码是有效的，虽然我认为<style>标签不应该有类名。 - Shiki

Answer 1

你可以访问document.styleSheets对象:

请查看本答案中的所有内容。 在jQuery中获取CSS规则的百分比值。

<script>
    var rules = document.styleSheets[0].rules || document.styleSheets[0].cssRules;
    for (var i=0; rules.length; i++) {
        var rule = rules[i];
        if (rule.selectorText.toLowerCase() == ".classname") {
            alert('found!!');
        }
    }
</script>

- Haim Evgi

Answer 2

另一个版本，同样的东西，唯一的区别是有时对我来说selectorText未定义

var rules = document.styleSheets[0].rules || document.styleSheets[0].cssRules;
for (var i in rules) 
{
    if (typeof rules[i]['selectorText'] != 'undefined' && rules[i]['selectorText'].indexOf("fbconnect_button") >= 0) 
    {
        alert('found!!');
    }
}

- Purefan