How to select first block level parent with jQuery?

Question

Consider the following markup:

<div id="0">
    <h1 id="1">
        <span id="2"><span id="3">lorem ipsum</span></span>
    </h1>
</div>

How can I find the first parent of span#3 that is of block level (i.e. has display: block) using jQuery? In this case that would be h1#1.

Answer 1

$("#3").parents().filter(function() {
    return $(this).css("display") === "block";
}).first()

http://jsfiddle.net/DFURw/