Question

i’ve to find the div within the “para” class which is visible at the moment.
I tried:

 $('.para div[style="display: block;"]').attr("id")

but it doesn’t work.

I also wrote an example on js fiddle –> http://jsfiddle.net/JZFgp/3/

I’m thankful for any hints and solutions.

Mario

Answer 1

That will work fine, but your markup is invalid in the fiddle. Here’s a fixed version:

<table> <!-- You didn't have a `table` or `tr` element -->
    <tr>
        <td class="para">
            <div id="TripSet" class="rounded-corner-region" style="display: none;">
            <div id="DriverSet" class="rounded-corner-region" style="display: none;">
            <div id="TimeSet" class="rounded-corner-region" style="display: block;">
            <div id="Loading" class="borderless-region" style="display: none;">
        </td>
    </tr>
</table>​

Without the table and tr elements, the browser does its best to interpret your markup and ends up just removing the td (in Chrome at least), which means the .para part of your selector can no longer match.

---

Edit

It looks like Chrome (most likely others too but I haven’t tested) is quite happy for you to omit the tr element, as long as there is a table element. It automatically adds a tbody and tr around your td elements.