jQuery attribute with type selector

The jQuery attribute with type selector is used to filter out all elements in a page with a specific type, and have the specified attribute, the syntax for this selector is.

$("input[type=<type name>][<attribute name>]")

In this post we shall see on how to use the jQuery attribute with type selector to select all text elements in a page which have the class attribute.

The following script lists out all the text elements in the page which have the attribute “class”
 

    $("input[type=text][class]").each(function() {

        alert('Attribute with Type Selector:' + $(this).attr('id'));

    });

The following script lists out all the text elements in a page which have the class attribute, on click of the btnAttributeSelector button.

$('#btnAttributeSelector).click(function(event) {

    event.preventDefault();
    //                          

    // Attribute - Attribute with Type (text) Selector               

    $("input[type=text][class]").each(function() {

        alert('Attribute with Type Selector:' + $(this).attr('id'));

    });
});

Related Post
jQuery attribute Selectors
jQuery id selector
jQuery class selector
jQuery attribute exists selector
jQuery attribute value selector
jQuery attribute with type selector
jQuery attribute with type and value IN selector
jQuery attribute with type and value NOT IN selector
jQuery attribute with dropdown type selector
jQuery attribute with checkbox type selector
jQuery attribute selector Example