.children() multiple hierarchy levels

[tsukasa1989]

Currently working on a project and since I do know the exact structure and I want a good performance I am using the following code (this is faster then .find()):

$("#moduleConatainer").children("table").children("tbody").children("tr");

The code functions, but it would be better if something like this is possible, which currently returns 0 elements:

$("#moduleConatainer").children("table tbody tr")

[dmethvin]

Thanks for taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket.

Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate: ​http://jsfiddle.net/FrKyN/ Open the link and click to "Fork" (in the top menu) to get started.

[tsukasa1989]

I have a fiddle here: ​http://jsfiddle.net/FrKyN/163/

Running this code:

console.log("children('div').children('label') length: " + $("#container").children("div").children("label").length);

console.log("children('div label') length: " + $("#container").children("div label").length);

On this HTML:

<div id="container">
    <div>
        <label></label>
    </div>
</div>

Result:

children('div').children('label') length: 1
children('div label') length: 0

[dmethvin]

​http://jsfiddle.net/FrKyN/208/

Read the selector from right to left. You're selecting labels below #container and there are none. Followups to ​http://forum.jquery.com.