Monday, October 1, 2012

jQuery wildcard with text type selector


The jQuery wildcard with text type selector is used to filter out all the text elements in a page after applying the wildcard filters

input[type=text][attribute name='attribute value']


In this post we shall see on how to use the jQuery wildcard with text type selector to select all the text elements in a page after applying the wildcard filters

The following script lists out all the text elements in a page which have a class attribute with value RedText

    $("input[type=text][class='RedText']").each(function() {
        alert('Wildcard - With text Type:' + $(this).attr('id'));
    });

The following script lists out all the text elements in a page which have a class attribute with value RedText on click of the btnWildcardSelector button.

$('#btnWildcardSelector).click(function(event) {
    event.preventDefault();               
    //
    // Wildcard - With text Type
    $("input[type=text][class='RedText']").each(function() {
        alert('Wildcard - With text Type:' + $(this).attr('id'));
    });
});

Related Post
jQuery wildcard selector
jQuery wildcard equal to selector
jQuery wildcard not equal to selector
jQuery wildcard starts with selector
jQuery wildcard ends with selector
jQuery wildcard contains selector
jQuery wildcard contains word selector
jQuery wildcard all selector
jQuery wildcard with text type selector
jQuery wildcard with dropdown type selector
jQuery wildcard selector Example

Search Flipkart Products:
Flipkart.com

No comments: