Monday, October 1, 2012

jQuery wildcard contains word selector


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

[<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 word
RedText

The following script lists out all the elements in a page whose class attribute contains the word RedText

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

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

$('#btnWildcardSelector).click(function(event) {
    event.preventDefault();               
    //
    // Wildcard - Contains word
    $("[class~='RedText']").each(function() {
        alert('Wildcard - Contains word:' + $(this).attr('id'));
    });
});



Search Flipkart Products:
Flipkart.com

No comments: