检查元素是否设置了css position属性

Question

How to be sure if parent element has css position property setted up ?

if(!$('#element').parent().css('position')){
    //here I need to be sure to avoid no rewrite the old position if position is already setted up
    //absolute fixed etc....
    $('#element').parent().css('position','relative')
}

Some like this work on cross browsers ?

Answer 1

Please follow the below method :

function elementOrParentIsFixed(element) {
    var $element = $(element);
    var $checkElements = $element.add($element.parents());
    var isFixed = false;
    $checkElements.each(function(){
        if ($(this).css("position") === "relative") {
            isFixed = true;
            return false;
        }
    });
    return 
}

Answer 2

So based on @Danish suggestion (copy-pasted from : Detect whether an element has position:fixed (possibly by parent element) via jQuery )

I write this:

function parentHasPosition(element){
    var parent = element.parent();
    if(
        parent.css('position') === 'static' ||
        parent.css('position') === 'absolute' ||
        parent.css('position') === 'fixed' ||
        parent.css('position') === 'sticky'
    ){
        return true;
    }
    return false;
}