jQuery-Selektoren: prägnant alle Formularelemente in mehreren Containern auswählen?

Question

ein Formular mit mehreren div s enthalten Formularelemente Given (input, textarea, select), was die knappste Art und Weise der Auswahl der input, textarea und select innerhalb der gegebenen div IDs sein würde?

Fiddle: https://jsfiddle.net/2rvxt5v7/4

Ich weiß, die ungültige jQuery-Syntax ist, aber vielleicht wird dies demonstrieren, was ich versuche zu tun (die Elemente innerhalb area1 und area3 auswählen, ohne die in area2 Auswahl):

Ich bemerke, es gibt Bibliotheken da draußen, die eine reguläre Ausdrucksmethode von Selektoren hinzufügen, aber ich möchte eine native jQuery Methode, dies zu tun. Vorzugsweise ohne Verwendung von .filter().

Answer 1

Verwenden Sie :input Selektor.

$('#area1 :input, #area3 :input').css('background','yellow') 

Wählt alle input, textarea, select und button Elemente.

Updated Fiddle

Beachten Sie, dass dies auch <button> Elemente auswählen wird, wahrscheinlich nicht das, was Sie wollen.

---

Die Knopfelemente können mit not() und :button Selektor ausgeschlossen werden.

$('#area1 :input, #area3 :input').not(':button').css(...