jQuery selector bug? composed selector vs. simple selector & find()

Question

Something is very awkward about my situation... i have something like this:

<div id="selector">
   <input type='radio' />
   <input type='radio' />
   <input type='radio' />
</div>

if I use $("#selector input[type=radio]") all three elements are found, but if I use $("#selector").find("input[type=radio]") or even find("input") only the first one is found.

Is this a bug in jQuery? Am I not using find() properly?

Clarification : I want to use find() to get all the inputs, but anything I try finds only the first one.

edit: i'm using jquery 1.3.2

Answer 1

What you really want is:

$("#selector > :radio")

As for why you're getting only one, I'd need to see the actual code that's being run because find() doesn't stop at one and will find all matches so it may be how you're using it afterwards that is the issue.

Answer 2

The two code fragments should return the same result.

Are you saying that when you run the following code, the first alert will show "3" and the second "1" ?

var a = $("#selector input[type=radio]");
var b = $("#selector").find("input[type=radio]");

alert(a.length);
alert(b.length);

Can you please verify?

Answer 3

Try

$("#selector").find("input[type=radio]")

Answer 4

See here

All the three returns the same result!

$(function() {
    console.log($("#selector input[type=radio]"));          // 3
    console.log($("#selector").find("input[type=radio]"));  // 3
    console.log($("#selector").find("input"));              // 3
});

Answer 5

$("#selector").children("input[@type=radio]")