如何检查css样式的父元素？

Question

我需要检测我的父母是否应用了这些css样式：

display: flex;
flex-direction: column;

我发现a jQuery example但是（a）我不使用jQuery，（b）我不明白完整的答案。

Answer 1

您可以使用this并测试您的属性的默认值，例如：

var element = document.getElementById("example");
var styles = window.getComputedStyle(element);

if(styles.getPropertyValue("display") === "flex"){
    // element style display is flex
}

Answer 2

你可以在JQuery中找到使用过滤器。

$("#Myelement").parents()
    .filter(function() { 
        return $(this).css("myCssItem") == "myCssValue"; 
    }).first();