jQuery first selector for Textbox

The jQuery first selector can be used with other type selectors to filter elements specific to the types, here is the syntax to use the first selector with the text type selector.

input[type=text]:first

In this post we shall see on how to use the jQuery first selector with the text type selector to get the first textbox element in the page.

The following script gets the first textbox element in the page.

    // Hierarchy - Empty (No Children)

    // Hierarchy - First TextBox

    alert('Hierarchy - First TextBox:' + $("input[type=text]:first").attr('id'));

The following script gets the first textbox element in the page on click of the btnHierarchySelector button.

$('#btnHierarchySelector).click(function(event) {
    event.preventDefault();               
    //
    // Hierarchy - First TextBox

    alert('Hierarchy - First TextBox:' + $("input[type=text]:first").attr('id'));
});

Related Post
jQuery hierarchy selector
jQuery first selector
jQuery last selector
jQuery even selector
jQuery odd selector
jQuery only-child selector
jQuery parent selector
jQuery nth-child selector
jQuery index :gt selector
jQuery empty selector
jQuery first selector for Textbox
jQuery last selector for Textbox
jQuery first selector for Dropdown
jQuery last selector for Dropdown
jQuery hierarchy selector Example