Home/ Questions/Q 3947706
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T01:17:02+00:00

Have a body tag on a page that has both an id and a

  • 0

Have a body tag on a page that has both an id and a class:

<body class="class" id="id">

I’m trying to use jQuery to chance some content further down the page, based on what the class AND the id are. I’ve had no success, for what it’s worth, here’s what I tried to do:

if($('body').is('#id1')){
    if($(this).hasClass('class1')){
        $('ul.nav li.first').html('<h2>Special Title</h2>');
    }else if($(this).hasClass('class2')){
        $('ul.nav li.first').html('<h2>Other Title</h2>');
    }
}else if($('body').is('#id2')){
    if($(this).hasClass('class1')){
        $('ul.nav li.first').html('<h2>Special Header</h2>');
    }else if($(this).hasClass('class2')){
        $('ul.nav li.first').html('<h2>Other Title</h2>');
    }
}

Anyone have a quick way of doing this? I’m terrible at “if” looping using jQuery, always have been.

Cheers,

T

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    For the record there is no need to use jQuery here.

    var isId = (document.body.id === someId);
var isClass = (document.body.className.indexOf(someClass) !== -1);

if (isId && isClass) {
     // do something
}

    [Edit]

    The class check is horrible. Try

    var regexp = new RegExp("(^|//s)" + someClass + "($|//s)", "m");
var isClass = (document.body.className.search(regexp) !== -1);
    • 0