Question

如何检查每个网页的id代码上的<body>，并根据网页的id执行一组独特的jQuery功能？

例如，我有一个id=red的页面和另一个id=blue的页面。在页面加载时，我需要检查id，然后为页面上的div指定适当的颜色。

感谢

Answer 1

使用.is()，

$(function(){
   if ($('body').is('#red')) {
        $('.someElement').addClass('red')
   }
})

使用length属性

$(function(){
   if ($('body#red').length) {
        $('.someElement').addClass('red')
   }
});

$(function(){
   if ($('body').attr('id') == 'red') {
        $('.someElement').addClass('red')
   }
});

Answer 2

$(document).ready(function(){
   var id = $('body').attr('id');
});

上面的代码将获取body标签的id，然后你可以简单地选择div并用$（'＃IDofDIV'）更改它的背景颜色.css（'background'，id），假设你的id值总是一种可接受的css颜色。

希望有所帮助！

Answer 3

var bodyId = $('body').attr('id');

switch(bodyId)
{
case 'red':
  ...
  break;
case 'blue':
  ...
  break;
default:
  ...
}