Question

In the below html snippet I am trying to create a JQuery Expression to select all a tags with class zz1_TopNavigationMenu_1 Napa1-topnav zz1_TopNavigationMenu_*”

I am confused about constructing the select syntax that contains spaces in the class name. I also want a wild card at the end which is depicted above by the ‘*’ char at the end.

<table class="Napa1-topnav zz1_TopNavigationMenu_4" border="0" cellSpacing="0" cellPadding="0">
<tbody>
<tr>
<td style="white-space: nowrap;">
<a class="zz1_TopNavigationMenu_1 Napa1-topnav zz1_TopNavigationMenu_3" style="border-bottom-style: none; border-right-style: none; border-top-style: none; font-size: 1em; border-left-style: none;" href="/sites/Brand1/SubSite

Answer 1

If those are the only 3 classes, and you’re certain they will appear in that order, you could use a attribute-starts-with selector.

Try this:

$('a[class^=zz1_TopNavigationMenu_1 Napa1-topnav zz1_TopNavigationMenu_]')

This will select <a> elements where the class attribute starts with zz1_TopNavigationMenu_1 Napa1-topnav zz1_TopNavigationMenu_.

• http://api.jquery.com/attribute-starts-with-selector/

Alternatively, you could get elements with the first two classes, and use a filter to make sure it ends with the third class. The way it is written, it assumes your “wildcard” character will be a number or numbers.

$('a.zz1_TopNavigationMenu_1.Napa1-topnav').filter(function() {
    return /zz1_TopNavigationMenu_\d+$/.test($(this).attr('class'));
});

• http://api.jquery.com/filter/