Find closest element with display: block

Question

I have a certain jQuery selection and I am looking to find the closest element (so self or parent) that is a block element (display: block).
The style is not necessarily inline, so the selector [style*=display:block] does not work in every case for me. I think I would need to use the computed style rather but need an efficient way to do that (if possible without a $(this).parents().andSelf().each loop)

use CSS class: `.show {display: block;}` add class to element, in selector use `'.show'` — ryder, Jan 03 '13 at 10:39
`while( condition && elem.parentNode ) { elem = elem.parentNode }` and condition = http://stackoverflow.com/questions/2880957/detect-inline-block-type-of-a-dom-element — EricG, Jan 03 '13 at 10:43

score 0 · Accepted Answer · edited May 23 '17 at 12:18

0

As @EricG has posted in the comments Detect inline/block type of a DOM element was the answer to the question:

var elementStyle  =  element.currentStyle || window.getComputedStyle(element, ""); 
var displayType   =  elementStyle .display;

edited May 23 '17 at 12:18

Community

1
1

answered Jan 03 '13 at 12:44

Horen

11,184
11
71
113

Find closest element with display: block

1 Answers1