I'm trying to select elements with multiple conditions, for example I'm doing the following at the moment:

$('#myspan').find('input:visible').each(myfunc);

Although I know you can do things like $('#myspan input:visible') but it didn't work for me. I need to check for inputs within the span #myspan which are visible and are checked. Any ideas?

I'm trying to select elements with multiple conditions, for example I'm doing the following at the moment:

$('#myspan').find('input:visible').each(myfunc);

Although I know you can do things like $('#myspan input:visible') but it didn't work for me. I need to check for inputs within the span #myspan which are visible and are checked. Any ideas?

• javascript
• jquery

Share Improve this question Follow edited Mar 25, 2009 at 21:48 cletus 626k169169 gold badges919919 silver badges945945 bronze badges asked Mar 25, 2009 at 10:32 Kieran SeniorKieran Senior 18.2k2727 gold badges9696 silver badges140140 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Try:

$("#myspan :checked:visible").each(function() {
    // do stuff
});

$('input:visible', '#myspan').find(':checked').each(function() {
    alert(this.id);
});

Should do the trick. I like seperating things because I like to think it helps jQuery parse better.