hi,
how can I check the id on every page's <body> tag and perform a set of unique jQuery functions based on the page's id?
for example, I have a page with id=red and another page with id=blue. On page load, I need to check the id and then assign the appropriate color to a div on the page.
thanks
$(document).ready(function(){
var id = $('body').attr('id');
});
The above code will get your the id of the body tag and then you can simply select the div and change it's background colour with $('#IDofDIV').css('background',id), assuming your id value is always an acceptable css colour.
Hope that helps!
by using .is(),
$(function(){
if ($('body').is('#red')) {
$('.someElement').addClass('red')
}
})
by using the length property,
$(function(){
if ($('body#red').length) {
$('.someElement').addClass('red')
}
});
by using .attr(),
$(function(){
if ($('body').attr('id') == 'red') {
$('.someElement').addClass('red')
}
});
var bodyId = $('body').attr('id');
switch(bodyId)
{
case 'red':
...
break;
case 'blue':
...
break;
default:
...
}