jQuery Dynamically focus on the first INPUT or Textarea

Question

Here's a tricky one to start the morning.

I have a series of icons. When you click an icon it loads a form. Some of the forms have input[text] others have textareas.

What I'm trying to come up with is jQuery that once I load the form I can run that will... Focus in on the first input or textarea whatever it may be, dynamically so I don't need if blocks.

Ideas?

Answer 1

EDIT

This is actually not that great of a solution. Patricia's and Onkelborg's solutions below are much more elegant.

var $firstInput = jQuery("input:first");
var $firstTextArea = jQuery("textarea:first");

if(firstInput.length == 0) {
  $firstTextArea.focus();
}

else {
  $firstInput.focus();
}

Answer 2

This should do it I think

$("#formId input:text, #formId textarea").first().focus();

Answer 3

As long as you have already set up the click function to show/hide the forms, use

$("input:text:visible:first").focus();
$("textarea:visible:first").focus();

To apply focus to the first field/textarea of each form.

Answer 4

some of your code would be nice.. but this should be easy.

assuming your loading your for into a div that you know the id of....

all you have to do is something like

$('#TheIdOfYourFormDiv').find('input, textarea').first().focus()

after you've loaded your form

Answer 5

$(":input:first").focus();