Question

I have the following in a jquery script:

if ( path[1] ) {
    $('.content_nav a[class$="' + pos1_path + '"]').toggleClass('current');
}

which selects the appropriate element, such as:

<a class='pos1_path' href="#">link</a>

It works, but now I need the same to work when multiple classes are used, like this:

<a class='pos1_path pos2path' href="#">link</a>

How can I achieve this?

SOLVED:

$('.content_nav a[class$="' + pos1_path + ' ' + pos2_path + '"]').toggleClass('current');

Answer 1

You can use multiple selectors with jQuery:

$('.content_nav a.pos1_path, .content_nav a.pos2_path').toggleClass('current');

If you want both classes to exist in order to select the element, then you can do something like this:

$('.content_nav a.pos1_path.pos2_path').toggleClass('current');

I’ve left out the string concatenation for clarity.