jQuery wildcard starts with selector

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

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

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

The following script lists out all the elements in a page whose class attribute starts with the value Red

    $("[class^='Red']").each(function() {

        alert('Wildcard - Starts with substring:' + $(this).attr('id'));

    });

The following script lists out all the elements in a page whose class attribute starts with the value Red on click of the btnWildcardSelector button.

$('#btnWildcardSelector).click(function(event) {
    event.preventDefault();               
    //
    // Wildcard - Starts With substring

    $("[class^='Red']").each(function() {

        alert('Wildcard - Starts with 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