使用jquery将ID分配给body标签

时间:2013-02-21 02:50:28

标签: javascript jquery

帮助这些人,

我这里有一个在body标签上添加ID的脚本

这是我看到的结果

<body id="xxx-cat">

使用我在下面使用的脚本

<script>
$(document).ready(function(){
// Edit xxx-cat to match desired category link id:
$('body').attr("id","xxx-cat");
if ($('body[id]')) {
var bid = $("body").attr("id");
// Keep the next command on one line
$('div.droplinebar li a[class='+bid+']').addClass('current');
}
})
</script>

我如何制作ID(1,2,3,4),因为我有4页并希望它像

<body id="1"> for the home page
<body id="2"> for the about
<body id="3"> for the clients
<body id="4"> for the contact

顺便说一下这是一个tumblr自定义页面,不能在这里使用PHP

2 个答案:

答案 0 :(得分:1)

据我所知,您可以更改脚本,但不能更改页面本身(因为它位于Tumblr上?)

尝试类似:

$(document).ready(function(){
    var bodyId = '1'; // Set to 1, 2, 3, 4 etc    
    $("body").attr('id', bodyId);
    $('div.droplinebar li a.'+bodyId).addClass('current');
});

然而,如评论中所述,您不应只使用一个号码作为您的身份证明,如果可能,请考虑修改此号码。

答案 1 :(得分:1)

找到了我的问题的答案

$(function() {
    var pathname = window.location.pathname;
    var getLast = pathname.match(/.*\/(.*)$/)[1];
    var truePath = getLast.replace(".php","");
    if(truePath === '') {
        $('body').attr('id', 'home');
    }
    else {
        $('body').attr('id', truePath);
    }
});

结果

home = <body id="home">
about = <body id="about">
clients = <body id="clients">
contacts = <body id="contacts">