Monday, October 1, 2012

jQuery wildcard contains selector


The jQuery wildcard contains selector is used to filter out all the elements in a page, where the specified attribute’s value contains the given value.

[<attribute name>*= <attribute value>]


In this post we shall see on how to use the jQuery wildcard contains selector to select all the elements in a page whose class attribute contains the value
cus

The following script lists out all the elements in a page whose class attribute contains the value cus

    $("[class*='cus']").each(function() {
        alert('Wildcard - Contains substring:' + $(this).attr('id'));
    });

The following script lists out all the elements in a page whose class attributes contains the value cus on click of the btnWildcardSelector button.

$('#btnWildcardSelector).click(function(event) {
    event.preventDefault();               
    //
    // Wildcard - Contains substring
    $("[class*='cus']").each(function() {
        alert('Wildcard - Contains substring:' + $(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: