Chrome Console Nested Filters Issue

[[email protected]…]

When I try and use nested filters in a CSS style selector in Chrome on my windows and my mac it works unless I run it from the console. Tried FireBug Lite and had the same issue. Sometimes it would run once in fact but never twice.

[[email protected]…]

<ul>

<li class="lvl1">First Item</li> <li class="lvl1" id="item2">Second Item

<ul>

<li class="lvl1">Sub Item 1</li> <li class="lvl1">Sub Item 2 <ul>

<li class="lvl1">This time we are going to put in a bunch of text hear just to enjoy searching the text and show the power of the content filters in jQuery selectors.</li>

</ul>

</li> <li class="lvl1">Sub Item 3</li>

</ul> </li> <li class="lvl1">Third Item</li> <li class="lvl1">Fourth Item</li>

</ul>

NOTE: Test case does not fail in jsfiddle, etc. Only in console.

jQuery('.lvl1:nth-child(2) ul .lvl2:first-child')

[[email protected]…]

Here is the link to it working right.

​http://jsfiddle.net/sosensible/MTZQY/3/

[timmywil]

I'm a little confused. You do know that the demo in jsfiddle cannot be accessed by the web inspector console because it's in an iframe, right? It will work if you do something like this: ​http://jsfiddle.net/timmywil/MTZQY/7/

[Rick Waldron]

Works for me

​http://jsfiddle.net/rwaldron/MTZQY/11/show/