Home/ Questions/Q 7614477
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T02:24:48+00:00

Is there a way to check if two elements have the same class name?

  • 0

Is there a way to check if two elements have the same class name? My code looks like this…

<body class="foo bar cats">
<a href="#" class="foo">Link</a>
<a href="#" class="puppies">Link</a>

What I want to do is add another class to the foo link if it matches a class in the body. How would I check if one of the classes in my links matches a class in the body with jQuery?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’d suggest:

    $('a').each(
    function() {
        var classes = this.classList;
        for (var i=0,len=classes.length; i<len; i++){
            if ($('body').hasClass(classes[i])){
                $(this).addClass('bodySharesClass');
            }
        }
    });​

    JS Fiddle demo.

    Edited to try and account for Internet Explorer’s inability to understand/use/implement .classList:

    if (!document.createElement().classList){
    var useAttr = true;
}

$('a').each(
    function(i) {
        var classes = [];
        if (!useAttr){            
            classes = this.classList;
        }
        else {
            classes = $(this).attr('class');
        }
        for (var i=0,len=classes.length; i<len; i++){
            if ($('body').hasClass(classes[i])){
                $(this).addClass('bodySharesClass');
            }
        }
    });

    JS Fiddle demo.

    Edited because it appears my previous attempt, to account for IE, failed. Sigh. Still! This approach should work, albeit I can’t test it, as I’m without both IE and Windows:

    $('a').each(
    function(i) {
        var classes = this.className.split(/\s+/);
        for (var i=0,len=classes.length; i<len; i++){
            if ($('body').hasClass(classes[i])){
                $(this).addClass('bodySharesClass');
            }
        }
    });

    JS Fiddle demo.

    References:

    • 0